@charset "UTF-8";

/* RESET
---------------------------------------------- */
html {
	background-color: #e8e7e3;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td
	{
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,img {
	border: 0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
}

li {
	list-style: none;
}

caption,th {
	text-align: left;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before,q:after {
	content: '';
}

abbr,acronym {
	border: 0;
	font-variant: normal;
}

sup {
	vertical-align: text-top;
}

sub {
	vertical-align: text-bottom;
	overflow: hidden;
}

input,textarea,select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	resize: none;
	outline: none;
}

legend {
	color: #000;
}

body {
	font-family: "helvetica neue", arial, sans-serif;
	font-size: 10px;
	color: #211922;
}

table {
	font-size: inherit;
}

pre,code,kbd,samp,tt {
	font-family: monospace;
	line-height: 100%;
}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

/* FOUNDATION
---------------------------------------------- */
h1 {
	margin: 32px 0 11px;
	font-size: 3em;
}

h2 {
	padding: 0 0 8px;
	font-size: 2.5em;
}

h1,h2 {
	letter-spacing: -0.0125em;
	font-weight: bold;
}

p {
	margin: 0 0 .8em;
	line-height: 1.35em;
}

a {
	font-weight: bold;
	color: #1389e5;
	text-decoration: underline;
	outline: none;
}

a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #1389e5;
}

a:active {
	color: #fff;
	background-color: #211922;
}

a:hover img {
	opacity: .92;
	filter: alpha(opacity =   92);
}

#noHover a:hover {
	color: #fff;
	background-color: none;
}

#noHover a:active {
	color: #fff;
	background-color: none;
}

input,textarea {
	color: #777;
}

input:focus,textarea:focus {
	color: #211922 !important;
}

textarea,input[type="text"],input[type="password"] {
	padding: 5px 8px;
	line-height: 1em;
	background-color: #fff;
	border: 1px solid;
	border-color: #ccc #bbb #aaa;
	box-shadow: 0 1px #e7e7e7;
	-moz-box-shadow: 0 1px #e7e7e7;
	-webkit-box-shadow: 0 1px #e7e7e7;
}

/* REUSABLE STYLES
---------------------------------------------- */
.hidden {
	display: none !important;
}

.highlighted {
	color: #211922;
	background-color: #ff0 !important;
}

.error {
	font-size: 1.3em;
	color: #f00;
}

.clear {
	clear: both !important;
}

.floatRight {
	float: right !important;
}

.floatLeft {
	float: left !important;
}

.halfRight {
	float: right;
	width: 49%;
	overflow: hidden;
}

.halfLeft {
	float: left;
	width: 49%;
	overflow: hidden;
}

.third {
	float: left;
	width: 31%;
	margin-right: 2.83%;
}

.thirdRight {
	float: right;
	width: 32%;
}

.twoThirdsLeft {
	width: 65%;
	margin-right: 2%;
}

.twoThirdsRight {
	float: right;
	width: 65%;
}

.oneFifthLeft {
	float: left;
	width: 188px;
}

.oneFifth {
	float: right;
	width: 185px;
	padding-left: 6px;
}

.twoFifths {
	float: right;
	width: 372px;
}

.twoFifthsLeft {
	float: left;
	width: 372px;
}

.threeFifths {
	float: left;
	width: 564px;
}

.threeFifthsRight {
	float: right;
	width: 564px;
}

.threeFifthsCenter {
	float: left;
	width: 559px;
	margin-left: 9px;
}

.fourFifths {
	float: left;
	width: 754px;
}

.quarterLeft {
	float: left;
	width: 24%;
	margin-right: 1%;
}

.quarterRight {
	float: right;
	width: 24%;
}

.threeQuartersLeft {
	float: left;
	width: 74%;
}

.threeQuartersRight {
	float: right;
	width: 74%;
}

.noBorder {
	border-width: 0 !important;
}

.noBorderTop {
	border-top-width: 0 !important;
}

.noBorderRight {
	border-right-width: 0 !important;
}

.noBorderBottom {
	border-bottom-width: 0 !important;
}

.noBorderLeft {
	border-left-width: 0 !important;
}

.noMarginTop {
	margin-top: 0 !important;
}

.noMarginRight {
	margin-right: 0 !important;
}

.noMarginBottom {
	margin-bottom: 0 !important;
}

.noMarginLeft {
	margin-left: 0 !important;
}

.fixed {
	position: fixed !important;
}

.invisible {
	visibility: hidden !important;
}

.red {
	color: red;
}

a.red:hover {
	color: #fff;
	background-color: red;
}

.rule {
	clear: both;
	height: 0;
	margin: 15px 0;
	border-bottom-color: #ddd;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	overflow: hidden;
}

/* CORE STYLES
---------------------------------------------- */
.fixedWidthContainer {
	width: 850px;
	margin: 0 auto;
}

#article {
	width: auto;
	min-width: 932px;
	padding: 8px 0 0 0;
}

.BoardLayout {
	opacity: 0;
}

.BoardLayout #article {
	padding-top: 0;
}

#ColumnContainer {
	position: relative;
	min-width: 692px;
	min-height: 500px;
	margin: 0 auto;
}

.pageOverlay {
	position: fixed;
	z-index: 9997;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #fff;
	opacity: .95;
	filter: alpha(opacity =   95);
}

.pin {
	position: absolute;
	width: 193px;
	padding: 14px;
	background-color: #fff;
	overflow: hidden;
	margin-bottom: 20px;
}

.pin h3 {
	margin: 1px 1px 10px;
	font-size: 1.3em;
	font-weight: bold;
	text-align: left;
	color: #211922;
}

.pin .image {
	position: relative;
	display: block;
	width: 190px;
	overflow: hidden;
	background-color: #fff;
	border: 1px solid #fff;
}

.pin .image img {
	display: block; /* height: auto; margin: auto;*/
}

.pin .image .video {
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	width: 50px;
	height: 50px;
	margin: -25px 0 0 -25px;
}

.pin .image:hover {
	background-color: #fff;
}

.pin .image:hover img {
	opacity: .9;
	filter: alpha(opacity =   90);
}

.pin .image:active img {
	opacity: 1;
	filter: alpha(opacity =   100);
}

.pin p {
	display: block;
	margin: 0 2px;
	font-size: 1.1em;
	line-height: 1.45em
}

.pin .description {
	padding-top: 4px;
}

.pin .meta {
	margin: 0;
	color: #76838b;
}

.pin .attribution {
	margin-top: 6px;
	margin-bottom: 1px;
	overflow: hidden;
}

.pin .likesComments {
	color: #aaa;
}

.pin .likesComments p {
	margin: 2px 4px;
}

.pin .likesComments a {
	font-weight: normal;
	color: #aaa;
}

.pin .likesComments span.likes {
	margin-right: 5px;
}

.pin .likesComments span.comments {
	margin-right: 5px;
}

.pin .userImage {
	float: left;
	width: 28px;
	height: 28px;
	margin-right: 5px;
}

.pin .userImage img {
	width: 28px;
	height: 28px;
}

.pin .userImage:hover {
	background-color: transparent;
	opacity: .8;
	filter: alpha(opacity =   80);
}

.profilePin {
	border-bottom: 2px solid #000
}

.profilePin h2 {
	display: block;
	font-size: 1.6em;
	line-height: 1.2em;
	font-weight: 400;
	padding: 5px 15px 0px 0px;
}

.profilePin p {
	color: #888;
	padding: 2px 15px 7px 0px;
}

.profilePin .followBoard {
	text-align: center;
	background-color: #fff;
}

.profilePin .followBoard .button {
	display: block;
	padding: 0.5em 0.825em;
}

.pin .followPersonSubtitle {
	margin: 0;
	padding: 10px 14px 8px;
	font-size: 11px;
	color: #76838b;
	background-color: #f3f3f3;
}

.pin .followPersonSubtitle a {
	color: #aaa;
}

.pin .followPersonSubtitle a:hover {
	color: #fff;
	background-color: #aaa;
}

.pin .inviteContainer {
	background-color: #fff;
	padding: 10px 10px;
}

.pin .inviteContainer input {
	width: 163px;
	font-size: 1.2em;
	margin: 0px 0px 10px 10px;
}

.pin .inviteContainerSubtitle {
	margin: 0;
	padding: 10px 14px 8px;
	font-size: 15px;
	color: #76838b;
	background-color: #f3f3f3
}

.pin p.reminder {
	font-size: 1.1em;
	text-align: center;
}

.pinhidden {
	display: none;
}

.colorless {
	color: #aaa;
}

.colorless:hover {
	background-color: #aaa;
}

.textless {
	font-weight: normal;
	color: #76838b;
	text-decoration: none;
}

.textless:hover {
	color: #76838b;
	text-decoration: underline;
	background-color: transparent;
}

.pin .pinActions {
	clear: both;
	margin-top: 6px;
	font-size: 1em;
}

.pin .pinActions a {
	text-decoration: none;
	font-weight: normal;
	color: #76838b;
}

.pin .pinActions a:hover {
	text-decoration: underline;
	background-color: white;
	color: #1389e5;
}

.pinOrigin {
	clear: both;
	margin: 5px -14px -14px;
	padding: 10px 14px 14px;
	background-color: #f3f3f3;
	overflow: hidden;
}

.pinBoard .pinOrigin {
	margin: 0px;
	padding: 7px 7px 9px;
	background-color: #fff;
}

.pinOrigin p {
	font-size: 1.1em;
	line-height: 1.25em;
	color: #76838b;
	margin-left: 33px;
}

.pinOrigin p a {
	color: #aaa;
}

.pinOrigin p a:hover {
	color: #1389e5;
	background-color: transparent;
}

.pinOrigin p.originBoard {
	margin-left: 0 !important;
}

.pinOriginTitle {
	height: 28px;
	overflow: hidden;
}

.pinOriginBoard {
	color: #aaa;
}

.pin .pinUserProfile h3 a {
	text-decoration: none;
	color: #211922;
}

.pin .pinUserProfile h3 a:hover {
	text-decoration: underline;
	color: #1389E5;
	background-color: white;
}

.pin .pinUserProfile img {
	float: left;
	width: 68px;
	border: 5px solid #F3F3F3;
}

.pin .pinUserProfile a {
	float: left;
	width: 68px;
	border: 5px solid #F3F3F3;
}

.pin .pinUserProfile .userStats {
	padding: 10px 0px;
	font-size: 1.1em;
	line-height: 1.45em;
	color: #76838B;
	text-align: center;
}

.pin .pinUserProfile a.followUser {
	display: block;
	padding: 0.4em 0.825em;
	text-align: center;
	font-size: 1.4em;
}

.pinComments {
	clear: both;
	margin: 14px -14px -14px;
	padding: 0;
	background-color: #f9f9f9;
	overflow: hidden;
}

.pinComments div {
	padding: 10px 14px;
	border-top: 1px solid #e7e7e7;
	overflow: hidden;
}

.pinComments .writeComment {
	padding: 10px 10px 10px 14px;
	overflow: hidden;
}

.writeComment textarea {
	width: 156px;
	height: 19px;
	padding: 4px 3px 3px;
	font-size: 11px;
	border: 1px solid #ccc;
	box-shadow: 0 0 #fff;
	-moz-box-shadow: 0 0 #fff;
	-webkit-box-shadow: 0 0 #fff;
}

.writeComment .button {
	float: right;
	clear: both;
	margin: 3px 0 -1px;
	font-size: 11px;
}

.pinComments .pinComments_comments {
	padding: 0;
	border-width: 0;
}

.pinOrigin .board {
	height: 34px;
	margin: 0 -14px 8px;
	padding: 0 14px 8px;
	text-align: center;
	border-bottom: 1px solid #f2f2f2;
}

.pinOrigin .board .button {
	display: block;
	padding: 0.5em 0.825em;
}

.pinOrigin .board .boardMeta {
	float: left;
	width: auto;
	margin-top: 8px;
	font-size: 11px;
}

.pinOrigin br {
	display: block;
	height: 0;
}

.pin.pinBoard {
	width: 221px !important;
	padding: 0 !important;
}

#profile .pin.pinBoard {
	position: static;
}

.pin.pinBoard.inMotion {
	cursor: move;
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.25);
}

.pin.pinBoard.inMotion:hover {
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5);
}

.pin.pinBoard.inMotion * {
	cursor: move;
}

.pinBoard h3 {
	margin: 0;
	padding: 9px 14px 6px;
	font-size: 13px;
	font-weight: 300;
	height: 12px;
	overflow: hidden;
}

.pinBoard .curatedBy {
	padding: 7px 7px 0 14px;
	overflow: hidden;
}

.pinBoard .curatedBy img {
	float: left;
	width: 18px;
	height: 18px;
	margin-right: 4px;
}

.pinBoard .curatedBy p {
	float: left;
	width: 178px;
	margin: 0;
	font-size: 11px;
	color: #76838b;
	white-space: nowrap;
	overflow: hidden;
}

.pinBoard .link {
	display: block;
	height: 200px;
	background: url(/images/BoardBackground.png) top left no-repeat;
	border: solid #fff;
	border-width: 7px 0 4px 14px;
	overflow: hidden;
}

.pinBoard .link img {
	float: left;
	width: 61px;
	height: 61px;
	background-color: #fff;
	border: solid #fff;
	border-width: 0 4px 4px 0;
}

.pinBoard .link:hover img {
	opacity: .92;
	filter: alpha(opacity =   92);
}

.pinBoard.domainPins h3 {
	font-size: 13px;
	line-height: 1.33em;
	height: auto;
}

.pinBoard.domainPins .link {
	height: auto;
	margin-bottom: 10px;
}

.pinBoard .likesComments {
	margin: 0;
	padding: 0 14px 10px;
	background-color: #fff;
}

.pinBoard .followBoard {
	padding: 0 14px 9px;
	text-align: center;
	background-color: #fff;
	border-bottom: 2px solid #000;
}

.pinBoard .followBoard .button {
	display: block;
	padding: 0.5em 0.825em;
}

.pinBoard .followBoard .boardMeta {
	float: left;
	width: auto;
	margin-top: 8px;
	font-size: 11px;
}

#mapContainer {
	position: relative;
}

#map {
	width: 201px;
	height: 201px;
	overflow: hidden;
	margin: 6px 10px 10px;
	background: #eee;
}

#pinOnMap {
	position: absolute;
	z-index: 1;
	left: 50%;
	bottom: 90px;
	margin-left: -25px;
}

.sortable {
	display: block;
	margin-left: -16px !important;
	zoom: 1;
}

.sortable li {
	float: left;
	width: 221px;
	margin: 0 0 16px 16px;
}

#SortableHelper {
	display: none;
	margin: 13px 0;
	padding: 14px;
	text-align: right;
	background: #ffc;
	overflow: hidden;
}

#SortableText {
	float: left;
	font-size: 18px;
	font-weight: 300;
}

#SortableButtons .button {
	position: relative;
	top: 3px;
	margin-left: 10px;
	font-size: 14px;
}

#SortStatus {
	position: absolute;
	top: 14px;
	right: 155px;
	font-size: 18px;
	font-weight: 300;
	opacity: 0;
	filter: alpha(opacity =   0);
}

.pin span.sayHi {
	float: right;
	margin-bottom: -30px;
}

.pin span.sayHi img {
	width: 23px;
	height: 24px;
}

.pin #homeDashboard h2 {
	font-size: 1.4em;
	font-weight: normal;
}

.pin #homeDashboard h3 {
	font-size: 1.1em;
	font-weight: bold;
}

.pin #homeDashboard a.seeAll {
	float: right;
	text-decoration: none;
	font-weight: normal;
}

.pin #homeDashboard a.seeAll:hover {
	text-decoration: underline;
	background-color: #fff;
}

.pin #homeDashboard p {
	font-size: 1.1em;
	margin-right: 35px;
}

.pin #homeDashboard img {
	width: 35px;
}

.pin #homeDashboard .dashboardSection {
	padding: 4px;
	border-top: 1px solid #f3f3f3;
}

.pin #homeDashboard .dashboardElem {
	margin: 5px 0px;
}

.pin #homeDashboard ul li {
	display: inline;
	margin-right: 5px;
}

#pinGrid {
	display: table;
}

#pinGrid .pin {
	float: left;
	width: 150px;
	height: 150px;
	margin: 0 12px 22px 0;
}

#pinGrid .pin:nth-child(5n+5) {
	margin-right: 0;
}

#pinGrid .image {
	display: table-cell;
	position: static;
	width: 149px;
	height: 150px;
	vertical-align: middle;
}

#pinGrid img {
	display: block;
	max-width: 150px;
	margin: auto;
	max-height: 150px;
}

#pinGridNew ul {
	width: 820px;
	margin-right: -14px;
}

#pinGridNew .pin {
	float: left;
	width: 158px;
	padding: 14px;
	margin: 0 14px 20px 0;
	background: #fff;
	border: 1px solid #e8e7e3;
	box-shadow: 0 1px 4px #ccc;
	-moz-box-shadow: 0 1px 4px #ccc;
	-webkit-box-shadow: 0 1px 4px #ccc;
}

#pinGridNew .pin .image {
	display: table-cell;
	position: static;
	width: 149px;
	height: 150px;
	vertical-align: middle;
	text-align: center;
}

#pinGridNew .pin img {
	max-width: 158px;
	margin: auto;
}

#pinGridNew .pinOrigin p {
	margin-left: 0;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	padding: 0;
	font-size: 1.3em;
	color: #211922;
	background-color: #e0ecf0;
	border: 4px solid #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 0 6px #aaa;
	-moz-box-shadow: 0 0 6px #aaa;
	-webkit-box-shadow: 0 0 6px #aaa;
}

#tooltip h3 {
	margin: 0;
	padding: 5px 10px 2px;
	line-height: 1em;
	font-weight: bold;
	color: #211922;
	border: solid #bed7e5;
	border-width: 1px 1px 0;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#tooltip .body {
	padding: 0 10px 5px;
	color: #76838b;
	border: solid #bed7e5;
	border-width: 0 1px 1px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#sortFilters {
	clear: both;
	height: 35px;
	margin: 0 -6px 10px;
	background-color: #f2f2f2;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#boards #sortFilters {
	height: 34px;
	margin-top: -4px;
	margin-bottom: 0;
}

#sortFilters.sortFiltersSubbed {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-bottomleft: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-bottomright: 0;
}

#sortFilters form {
	float: right;
	width: 265px;
	padding: 4px 1px 0 0;
}

#sortFilters input {
	float: left;
	width: 180px;
	padding: 2px 4px 3px;
	font-size: 1.5em;
	border: 1px solid #aaa;
}

#sortFilters form a {
	float: left;
	margin-left: 4px;
	font-size: 1.3em;
}

#sortFilters li {
	float: left;
	font-size: 1.3em;
}

#sortFilters li:first-child {
	padding: 9px 14px 0 16px;
	color: #76838b;
}

#sortFilters li a {
	display: block;
	margin-left: -1px;
	padding: 9px 13px;
	color: #211922;
	text-decoration: none;
	border: solid #d7d7d7;
	border-width: 0 1px;
}

#sortFilters li a:hover {
	color: #1389e5;
	background-color: transparent;
}

#sortFilters li a.active {
	text-decoration: underline;
}

#sortFilters.sortFiltersSubbed li.active a {
	text-decoration: none;
	margin-bottom: -1px;
	padding-bottom: 10px;
	position: relative;
	z-index: 2;
}

#sortFilters li.active {
	text-decoration: underline;
}

#sortFiltersSub {
	background: #f5f5f5;
	clear: both;
	margin: -17px -19px 10px;
	height: 34px;
	border-top: 1px solid #ccc;
}

#sortFiltersSub ul {
	margin-left: 6px;
}

#sortFiltersSub li {
	display: inline;
	font-size: 1.2em;
}

#sortFiltersSub li a {
	display: block;
	float: left;
	padding: 10px 9px;
	text-decoration: none;
	color: #211922;
}

#sortFiltersSub li a:hover {
	background-color: transparent;
	color: #1389e5;
	text-decoration: underline;
}

#sortFiltersSub li.active a {
	text-decoration: underline;
}

#sortFiltersSub form {
	float: right;
	padding: 4px 4px 0 0;
}

.button {
	padding: .3em .825em;
	vertical-align: top;
	font-size: 1.4em;
	font-weight: bold;
	text-decoration: none;
	background-image: url(/images/buttonGradient20.png);
	background-repeat: repeat;
	background-position: 0 0;
	border-width: 1px;
	border-style: solid;
	cursor: pointer;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: #ddd 0 1px 2px;
	-moz-box-shadow: #ddd 0 1px 2px;
	-webkit-box-shadow: #ddd 0 1px 2px;
}

.button dfn {
	font-weight: normal;
}

.button span {
	float: left;
	width: 12px;
	height: 12px;
	margin: 2px 4px 0 -1px;
	background: url(/images/ActionIcons17.gif);
}

.like-button span {
	background-position: -24px 0;
}

.repin-button span {
	background-position: -12px 0;
}

.follow-button span {
	background-position: -36px 0;
}

.next-button span {
	float: right;
	background-position: -48px 0;
	margin: 2px -4px 0 4px;
}

.prior-button span {
	background-position: 0 0;
	margin: 2px 4px 0 -4px;
}

h2 .button {
	font-size: .55em;
}

.button.pressed {
	color: #888;
	text-shadow: 0 0 #fff;
	background-image: none;
	background-color: #fff;
	border-color: #e7e7e7;
	box-shadow: 0 0 #fff;
	-moz-box-shadow: 0 0 #fff;
	-webkit-box-shadow: 0 0 #fff;
}

.button.pressed:hover {
	color: #888;
	background-color: #fff;
	border-color: #e7e7e7;
	color: #888;
}

.button.pressed:active {
	color: #211922;
	background-color: #fff;
	border-color: #e7e7e7;
	color: #211922;
}

.blueButton {
	color: #31545f;
	background-color: #bed7e5;
	border-color: #aaa;
	text-shadow: 0 1px #eaeaea;
}

.blueButton:hover {
	color: #211922;
	background-color: #bed7e5;
	border-color: #777;
}

.blueButton:active {
	color: #eaeaea;
	background-color: #41545f;
	border-color: #444;
	text-shadow: 0 -1px #211922;
	box-shadow: inset #24323a 0 0 3px;
	-moz-box-shadow: inset #24323a 0 0 3px;
	-webkit-box-shadow: inset #24323a 0 0 3px;
}

.lightButton {
	color: #41545f;
	background-color: #e0ecf0;
	border-color: #bbb;
	text-shadow: 0 1px #fafafa;
}

.lightButton:hover {
	color: #211922;
	background-color: #e0ecf0;
	border-color: #aaa;
}

.lightButton:active {
	color: #000;
	background-color: #bed7e5;
	border-color: #777;
	text-shadow: 0 1px #eaeaea;
	box-shadow: inset #8fa7b4 0 0 3px;
	-moz-box-shadow: inset #8fa7b4 0 0 3px;
	-webkit-box-shadow: inset #8fa7b4 0 0 3px;
}

.whiteButton {
	color: #41545f;
	background-color: #fff;
	border-color: #d7d7d7 #ccc #c3c3c3;
	text-shadow: 0 1px #fafafa;
	box-shadow: #eee 0 1px 1px;
	-moz-box-shadow: #eee 0 1px 1px;
	-webkit-box-shadow: #eee 0 1px 1px;
}

.whiteButton:hover {
	color: #211922;
	background-color: #e0ecf0;
	border-color: #ccc;
}

.whiteButton:active {
	color: #000;
	background-color: #bed7e5;
	border-color: #aaa;
	text-shadow: 0 1px #eaeaea;
	box-shadow: inset #8fa7b4 0 0 3px;
	-moz-box-shadow: inset #8fa7b4 0 0 3px;
	-webkit-box-shadow: inset #8fa7b4 0 0 3px;
}

.suppressed.whiteButton {
	border-color: transparent;
	background-image: none;
	box-shadow: 0 0 #fff;
	-moz-box-shadow: 0 0 #fff;
	-webkit-box-shadow: 0 0 #fff;
}

.suppressed.whiteButton:hover {
	background: #fff url(/images/buttonGradient20.png);
	border-color: #d7d7d7 #ccc #c3c3c3;
	box-shadow: #eee 0 1px 1px;
	-moz-box-shadow: #eee 0 1px 1px;
	-webkit-box-shadow: #eee 0 1px 1px;
}

.suppressed.whiteButton:active {
	background-color: #bed7e5;
	border-color: #aaa;
	box-shadow: inset #8fa7b4 0 0 3px;
	-moz-box-shadow: inset #8fa7b4 0 0 3px;
	-webkit-box-shadow: inset #8fa7b4 0 0 3px;
}

.form {
	margin: 15px auto;
	padding: 15px;
	background-color: #fff;
	border: 4px solid #e0ecf0;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	overflow: hidden;
}

.form .division {
	padding: 15px;
	background-color: #e8e7e3;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

.form h2 {
	margin-bottom: 4px;
}

.form h3 {
	margin: 0 0 15px;
	font-size: 1.8em;
	font-weight: bold;
}

.form .division {
	padding: 15px;
	background-color: #e8e7e3;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

.form .inputHolder {
	position: relative;
}

.form .inputHolder label {
	position: absolute;
	top: 6px;
	left: 0;
}

.form input[type="text"],.form textarea {
	display: block;
	margin-bottom: 12px;
	font-size: 1.5em;
}

.form label {
	display: block;
	margin: 0 0 5px;
	font-size: 1.5em;
}

.form label span {
	float: right;
	margin-top: 3px;
	font-size: .8em;
	color: #76838b;
}

.form .button {
	display: inline-block;
	font-size: 1.9em;
}

.form .lightButton {
	margin-top: 4px;
	font-size: 1.5em;
}

.form .or {
	display: inline-block;
	margin: 9px 0 0 4px;
	font-size: 1.5em;
}

.pin .hb {
	display: none;
	position: absolute;
	z-index: 2;
	top: 6px;
	left: 6px;
	padding: 4px 7px;
	font-size: 1.2em;
	font-weight: normal;
	color: #211922;
	text-decoration: none;
	background: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 0 2px #888;
	-moz-box-shadow: 0 0 2px #888;
	-webkit-box-shadow: 0 0 2px #888;
}

.pin:hover .hb {
	display: block;
}

.pin .hb:hover {
	color: #211922;
	background: #fff url(/images/buttonGradient20.png) 0 0 repeat-x;
}

.pin .hb:active {
	color: #211922;
	background: #fff url(/images/buttonGradient20Inverted.png) 0 -3px
		repeat-x;
}

.pin .hbc {
	display: none;
	position: absolute;
	top: 6px;
	right: 6px;
	text-align: right;
}

.pin .hbc .hb {
	position: static;
	display: inline-block;
	margin-left: 4px;
	vertical-align: top;
}

.pin:hover .hbc {
	display: block;
}

.pin a span {
	float: left;
	width: 10px;
	height: 10px;
	margin: 2px 0 0 0;
	background-image: url(/images/ActionIcons10.png);
}

.pin .repin span {
	background-position: 0;
}

.pin .like span {
	background-position: -10px 0;
}

.pin .follow span {
	background-position: -20px 0;
}

/* IE */
*+html .repin_link {
	border: 1px solid #ccc !important;
}

*+html .repin {
	border: 1px solid #ccc !important;
}

*+html .comment {
	border: 1px solid #ccc !important;
}

*+html .like {
	border: 1px solid #ccc !important;
}

*+html .follow {
	border: 1px solid #ccc !important;
}

.otherBoards a {
	display: block;
	margin: 5px -3px;
	padding: .325em 80px .45em .38em;
	font-size: 1.55em;
	font-weight: 300;
	color: #76838b;
	text-decoration: none;
	border: 1px solid #e8e7e3;
	border-bottom: 3px solid #e8e7e3;
	overflow: hidden;
}

.otherBoards a span {
	float: right;
	width: 80px;
	margin-top: 3px;
	margin-right: -80px;
	font-size: .81em;
	font-weight: bold;
	color: #76838b;
}

.otherBoards a img {
	float: left;
	width: 21px;
	margin: -2px 4px 0 0;
}

.otherBoards a:hover,.otherBoards a:hover span {
	color: #fff;
	background-color: #1389e5;
	border-top-color: #1389e5;
	border-right-color: #1389e5;
	border-bottom-color: #211922;
	border-left-color: #1389e5;
}

.tagsHolder {
	overflow: hidden;
	padding-top: 10px;
}

.tagsHolder li {
	position: relative;
	float: left;
	margin: 0 3px 1px 0;
	clear: none !important;
}

.tagsHolder .deletable {
	margin-right: 18px;
}

.tagsHolder a {
	display: inline-block;
	text-decoration: none;
	color: #76838b;
	background-color: #e0ecf0;
	border-style: solid;
	border-color: #ccc;
}

.tagsHolder a.removeTag:hover {
	color: #1389e5;
	background-color: #fff;
}

.tagsHolder .tagBody {
	padding: 4px 7px 5px;
	font-size: 1.2em;
	border-width: 1px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.tagsHolder .tagBody:hover {
	border-color: #bbb;
}

.tagsHolder .deletable .tagbody {
	border-width: 1px 0 1px 1px;
	border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	-webkit-border-radius: 3px 0 0 3px;
}

.tagsHolder .removeTag {
	position: absolute;
	top: 0;
	right: -17px;
	bottom: 0;
	width: 7px;
	padding: 4px 5px 0;
	font-size: 1.1em !important;
	font-weight: 900;
	text-decoration: none;
	color: #76838b;
	border-width: 1px 1px 1px 0;
	border-left: 1px dotted #bbb;
	border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	-webkit-border-radius: 0 3px 3px 0;
}

.permalink {
	width: 95%;
	padding: 3px;
	font-size: 1.5em;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

/* HEADER
---------------------------------------------- */
#header {
	position: relative;
	z-index: 3;
	height: 52px;
	margin: 0 auto;
	padding-top: 6px;
}

#headerWrapper {
	margin: 8px auto 0;
	width: 850px;
}

#pinterestNav a {
	float: left;
	width: 140px;
	height: 44px;
	margin: -1px 10px 0 0;
	padding: 0;
	text-indent: -9999px;
	background: url(/images/NewPinterestLogo221919.png);
}

#pinterestNavMobile a {
	float: left;
	width: 140px;
	height: 44px;
	margin: 6px 10px 0 2px;
	padding: 0;
	text-indent: -9999px;
	background: url(/images/NewPinterestLogo@2x.png);
	-webkit-background-size: 140px 44px;
}

.nav {
	float: right;
	margin: 10px 0 0 12px;
}

.nav li {
	position: relative;
	float: right;
}

.nav li:hover ul {
	display: block;
}

.nav li ul {
	display: none;
	position: absolute;
	z-index: 1;
	top: 25px;
	left: 0;
	min-width: 90px;
	padding: 5px 0;
	background-color: #eef5f7;
	border-width: 1px;
	border-style: solid;
	border-color: #bbb #aaa #999;
}

.nav li ul li {
	float: none;
	display: inlin;
}

.nav li ul a {
	display: block;
	padding: 4px 9px;
	font-size: 12px;
	font-weight: normal;
	color: #211922;
	text-decoration: none;
	white-space: nowrap;
}

.nav li ul a:hover {
	background-color: #bed7e5;
}

.nav li ul a:active {
	background-color: #a4b7c2;
}

.nav .DropDownArrow {
	display: inline-block;
	margin: 0 0 3px 4px;
}

.nav .UserImage {
	width: 15px;
	height: 15px;
	float: left;
	margin-right: 4px;
}

.nav .button {
	background-image: none;
}

.nav .button:hover {
	background-image: url(/images/buttonGradient20.png);
}

.nav .pillButton {
	position: relative;
	z-index: 0;
	display: inline-block;
	padding: 4px 9px;
	font-size: 13px;
	border-width: 1px 0 1px 0;
	border-style: solid;
	border-color: #ccc #bbb #aaa;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	box-shadow: 0 1px #d7d7d7;
	-moz-box-shadow: 0 1px #d7d7d7;
	-webkit-box-shadow: 0 1px #d7d7d7;
}

.nav .pillButton:hover {
	z-index: 1;
	padding-left: 8px;
	padding-right: 8px;
	background-color: #eef5f7;
	border-right-width: 1px;
	border-left-width: 1px;
	border-color: #bbb #bbb #999;
}

.nav .pillButton.addButton:hover {
	border-color: #bbb #aaa #999;
}

.nav .pillButton:active {
	color: #000;
	background-color: #bed7e5;
	border-color: #777;
	text-shadow: 0 1px #eaeaea;
	box-shadow: inset 0 0 3px #8fa7b4;
	-moz-box-shadow: inset 0 0 3px #8fa7b4;
	-webkit-box-shadow: inset 0 0 3px #8fa7b4;
}

.nav .leftButton {
	border-left-width: 1px;
}

.nav .leftButton:hover {
	padding-left: 9px;
}

.nav .rightButton {
	border-right-width: 1px;
}

.nav .rightButton:hover {
	padding-right: 9px;
}

.searchContainer {
	position: relative;
	float: right;
	margin: 10px 4px 0 15px;
}

.searchContainer input {
	width: 154px;
	padding: 4px 32px 4px 4px;
	font-size: 1.3em;
	box-shadow: 0 1px #d7d7d7;
	-moz-box-shadow: 0 1px #d7d7d7;
	-webkit-box-shadow: 0 1px #d7d7d7;
}

.searchContainer a {
	position: absolute;
	z-index: 1;
	right: 1px;
	top: 1px;
	bottom: 1px;
	width: 12px;
	padding: 6px 7px 0;
	background: 0 0 repeat-x;
	border-left: 1px solid #e7e7e7;
}

.searchContainer a:hover {
	background-image: url(/images/buttonGradient20.png);
	border-left-color: #ddd;
}

.searchContainer a:active {
	background-color: #f2f2f2;
	border-left-color: #ccc;
	box-shadow: inset 0 1px 1px #ccc;
	-moz-box-shadow: inset 0 1px 1px #ccc;
	-webkit-box-shadow: inset 0 1px 1px #ccc;
}

.searchContainer a img {
	display: block;
}

/* FOOTER
---------------------------------------------- */
#footer {
	clear: both;
	position: relative;
	z-index: 2;
	margin-top: 32px;
	padding: 11px 5px 8px 0;
	border-top: 1px solid #ddd;
}

#pinterestLogoFooter {
	float: left;
	width: 60px;
	height: 15px;
	text-indent: -9999px;
	background: url(/images/PinterestLogo15.png) 0 0 no-repeat;
	cursor: pointer;
}

#footer ul li {
	float: right;
	margin-left: 14px;
	font-size: 1.2em;
	color: #76838b;
}

#footer ul li a:hover {
	color: #fff;
	background-color: #1389e5;
}

#footer ul li a:active {
	background-color: #211922;
}

/* AUTOCOMPLETE TEXTAREAs - CORE + .addAPin .bookmarklet & .closeup_commment
---------------------------------------------- */
#description,#pin_closeup_comment {
	position: relative;
	z-index: 1;
	color: #888;
	background-color: transparent;
	overflow: hidden;
	outline: none;
	white-space: pre-wrap;
	word-wrap: break-word;
	resize: none;
	radius: 5px;
	font-family: inherit;
}

#highlighter {
	position: absolute;
	top: 1px;
	left: 1px;
	color: transparent;
	background-color: #fff;
	white-space: pre-wrap;
	word-wrap: break-word;
	-webkit-user-select: none;
	-moz-user-select: none;
}

#highlighter b {
	font-weight: inherit;
	background-color: #c7dfec;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

#highlighter .c_person {
	background-color: #ebeff6;
}

#highlighter .c_tag,#highlighter .c_new_tags {
	background-color: #f3f3f3;
}

#highlighter .c_currency {
	background-color: #ffc;
}

#tag_list,#peeps_list,#currency_list {
	display: none;
}

#auto_help {
	position: relative;
	z-index: 2;
	width: 388px;
	margin-top: -3px;
	padding: 6px 8px;
	font-size: 13px;
	color: #76838b;
	background-color: #f3f3f3;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #aaa;
	border-left: 1px solid #bbb;
}

#auto_help strong {
	color: #555;
}

#highlighter.bookmarklet,#description.bookmarklet {
	width: 388px;
	height: 117px;
	padding: 6px 8px 0;
	font-size: 1.8em;
	line-height: 22px;
}

#highlighter.addAPin,#description.addAPin {
	width: 388px;
	height: 72px;
	padding: 6px 8px 0;
	font-size: 1.8em;
	line-height: 22px;
}

#highlighter.closeupComment,#pin_closeup_comment.closeupComment {
	width: 477px;
	height: 72px;
	padding: 6px 8px 0;
	font-size: 1.3em;
	line-height: 22px;
}

/* This should be cleaned up ck 2/28/11 */
#highlighter_comment {
	position: absolute;
	top: 1px;
	left: 1px;
	color: transparent;
	background-color: #fff;
	white-space: pre-wrap;
	word-wrap: break-word;
	-webkit-user-select: none;
	-moz-user-select: none;
}

#highlighter_comment b {
	font-weight: inherit;
	background-color: #c7dfec;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

#highlighter_comment .c_person {
	background-color: #ebeff6;
}

#highlighter_comment .c_tag,#highlighter_comment .c_new_tags {
	background-color: #f3f3f3;
}

#highlighter_comment .c_currency {
	background-color: #ffc;
}

#highlighter_comment.bookmarklet,#description.bookmarklet {
	width: 388px;
	height: 117px;
	padding: 6px 8px 0;
	font-size: 1.8em;
	line-height: 22px;
}

#highlighter_comment.addAPin,#description.addAPin {
	width: 388px;
	height: 72px;
	padding: 6px 8px 0;
	font-size: 1.8em;
	line-height: 22px;
}

#highlighter_comment.closeupComment,#pin_closeup_comment.closeupComment
	{
	width: 477px;
	height: 72px;
	padding: 6px 8px 0;
	font-size: 1.3em;
	line-height: 22px;
}

/* CJK - 4/6/11 */
.description_auto_help {
	position: relative;
	z-index: 2;
	width: 386px;
	margin-top: -3px;
	padding: 6px 8px;
	font-size: 13px;
	color: #76838b;
	background-color: #f3f3f3;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #aaa;
	border-left: 1px solid #bbb;
}

.description_auto_help strong {
	color: #555;
}

div.pinHighlighter {
	position: absolute;
	top: 1px;
	left: 1px;
	color: transparent;
	background-color: #fff;
	white-space: pre-wrap;
	word-wrap: break-word;
	-webkit-user-select: none;
	-moz-user-select: none;
}

div.pinHighlighter b {
	font-weight: inherit;
	background-color: #c7dfec;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

div.pinHighlighter .c_person {
	background-color: #ebeff6;
}

div.pinHighlighter .c_tag,div.pinHighlighter .c_new_tags {
	background-color: #f3f3f3;
}

div.pinHighlighter .c_currency {
	background-color: #ffc;
}

#tag_list,#peeps_list,#currency_list {
	display: none;
}

textarea.autocomplete_desc {
	position: relative;
	z-index: 1;
	color: #888;
	background-color: transparent;
	overflow: hidden;
	outline: none;
	white-space: pre-wrap;
	word-wrap: break-word;
	resize: none;
	radius: 5px;
	font-family: inherit;
}

/* Styles the description and highlighter need to share to be in sync */
textarea.autocomplete_desc,div.pinHighlighter {
	height: 72px;
	line-height: 22px;
	width: 100%;
	padding: 5px;
	font-size: 1.5em;
	font-color: #ffffff;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-khtml-box-sizing: border-box;
}

/* Edit pin form because of the #edit div style, ugh */
#edit div.pinHighlighter {
	position: absolute;
	top: 1px;
	left: 1px;
	color: transparent;
	background-color: #fff;
	white-space: pre-wrap;
	word-wrap: break-word;
	-webkit-user-select: none;
	-moz-user-select: none;
	top: 0;
	left: 0;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

#edit textarea.autocomplete_desc,#edit div.pinHighlighter {
	height: 120px;
	line-height: 22px;
	width: 100%;
	padding: 5px;
	font-size: 1em;
	font-color: #ffffff;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-khtml-box-sizing: border-box;
}

#edit div.description_auto_help {
	width: 100%;
}

/* BOOKMARKLET ADD PIN
---------------------------------------------- */
#BookmarkletaddAPinContainer {
	width: 675px;
	margin: 0 auto;
}

#AddForm {
	padding: 24px 30px;
}

#addAPinContainer #AddForm {
	padding: 0 0;
}

#addAPinContainer #auto_help {
	width: 386px
}

.ui-autocomplete {
	z-index: 9999;
}

#PinImageArea {
	position: relative;
	float: right;
	width: 191px;
	text-align: center;
}

#PinImageWrapper {
	position: relative;
	overflow: hidden;
}

#PinImageWrapper .video {
	position: absolute;
	top: 42%;
	left: 50%;
	margin: -25px 0 0 -25px;
}

#PinImageArea img {
	max-width: 191px;
	max-height: 191px;
}

#PinImageArea p {
	margin-top: 5px;
	font-size: 13px;
	color: #76838b;
	white-space: nowrap;
	overflow: hidden;
}

#PinInputArea,#RePinInputArea {
	position: relative;
	overflow: hidden;
}

#tag_list.bookmarklet li {
	float: left;
}

#peeps_list.bookmarklet li {
	float: left;
}

#currency_list.bookmarklet li {
	float: left;
}

#AddForm #PinBoard {
	position: relative;
	margin-bottom: 8px;
	z-index: 5;
}

#AddForm #PinBoard strong {
	float: left;
	margin-right: 5px;
	font-size: 1.5em;
}

#AddBoardSelector {
	font-size: 18px;
}

#AddBoardSelectorActive {
	position: relative;
	display: block;
	width: 388px;
	margin: 6px 0 5px;
	padding: 8px 8px 7px;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid;
	border-color: #ccc #bbb #aaa;
	box-shadow: 0 1px #e7e7e7;
	-moz-box-shadow: 0 1px #e7e7e7;
	-webkitbox-shadow: 0 1px #e7e7e7;
}

#AddBoardSelectorActive span {
	position: absolute;
	width: 16px;
	height: 8px;
	top: 50%;
	right: 5px;
	margin-top: -4px;
	background: url(/images/downArrow1389e5.png) center top no-repeat;
}

#AddBoardSelectorActive:hover {
	color: #211922;
	background-color: #f3f3f3;
}

#AddBoardSelectorActive:hover span {
	background-position: center bottom;
}

#AddBoardSelectorList {
	display: none;
}

#AddForm #PinButtons {
	margin-top: 14px;
}

#AddForm #AddSubmission {
	padding: 8px 0;
}

#AddForm .button {
	font-size: 18px;
}

#editing_div {
	width: 200px;
	height: 50px;
	margin: 10px;
	padding: 10px;
	background: #fff;
}

.boardPicker {
	position: relative;
	display: inline-block;
	padding: 5px 24px 3px 8px;
	font-size: 18px;
	background-color: #fff;
	border: 1px solid;
	border-color: #ccc #bbb #aaa;
	box-shadow: 0 1px #d7d7d7;
	-moz-box-shadow: 0 1px #d7d7d7;
	-webkit-box-shadow: 0 1px #d7d7d7;
	cursor: pointer;
}

.boardPicker .current {
	line-height: 1em;
}

.boardPicker .currentName {
	display: inline-block;
	line-height: 1.25em;
	font-size: 0.9em;
	color: #1389e5;
	white-space: nowrap;
	overflow: hidden;
}

.boardPicker .currentDownArrow {
	position: absolute;
	top: 13px;
	right: 2px;
	width: 21px;
	height: 8px;
	background: url(/images/downArrowHollow3.png) right top no-repeat;
}

.boardPicker:hover {
	background-color: #f3f3f3;
}

.boardPicker:hover .currentName {
	color: #211922;
}

.boardPicker:hover .currentDownArrow {
	background-position: right center;
}

.boardPicker:active {
	background-color: #211922;
}

.boardPicker:active .currentName {
	color: #fff;
}

.boardPicker:active .currentDownArrow {
	background-position: right bottom;
}

.boardPickerOverlay {
	display: none;
	position: fixed;
	z-index: 9998;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.boardPicker .optionPanel {
	display: none;
	position: absolute;
	z-index: 9999;
	top: -1px;
	left: -1px;
	width: 350px;
	max-height: 200px;
	background-color: #fff;
	border: 1px solid #aaa;
	overflow-x: hidden;
	overflow-y: auto;
	box-shadow: 0 0 17px #bbb;
	-moz-box-shadow: 0 0 17px #bbb;
	-webkit-box-shadow: 0 0 17px #bbb;
}

.boardPicker .optionPanel ul {
	border-bottom: 1px solid #ccc;
}

.boardPicker .optionPanel li {
	display: block;
	padding: 5px 8px;
	font-size: 0.9em;
	line-height: 1.1em;
	color: #76838b;
	list-style: none;
	cursor: pointer;
}

.boardPicker .optionPanel li:hover {
	color: #fff;
	background-color: #211922;
}

.boardPicker .optionPanel li:active {
	color: #fff;
	background-color: #000;
}

.boardPicker .createNewBoard {
	padding: 5px 0 2px;
	background-color: #f3f3f3;
}

.boardPicker .createNewBoard input {
	display: inline-block;
	width: 214px;
	margin: 0 5px 0 8px;
	padding: 5px;
	font-size: 1em;
	color: #76838b;
	background-color: #fff;
	border: 1px solid #ccc;
}

.boardPicker .createNewBoard .button {
	vertical-align: text-top;
	font-size: 1em;
}

.boardPicker .inputstatus {
	text-align: right;
	padding: 2px;
	font-size: .8em;
}

.boardPicker .inputstatus.error {
	color: #f00;
}

.boardPicker .inputstatus.good {
	color: green;
}

.optionPanel .collabarated_board {
	background: url(/images/collaborated_board.png) 93% 50% no-repeat;
}

/* LANDING PAGE
---------------------------------------------- */
#landingPage {
	background: url(/images/MutedStripes.gif) center repeat;
}

#landingPage #container {
	position: absolute;
	width: 822px;
	height: 200px;
	top: 50%;
	left: 50%;
	margin: -145px 0 0 -411px;
}

#whiteBackground {
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: url(/images/TopGradient.png) top left repeat-x;
}

#LandingLeft {
	float: left;
	width: 310px;
}

#landingPage h2 {
	margin-top: 82px;
	text-align: right;
	font-size: 2em;
	line-height: 1.05em;
	font-weight: 300;
	letter-spacing: 0;
	color: #76838b;
}

#LandingLogin {
	float: right;
	width: 93px;
	height: 35px;
	margin-top: 8px;
	text-indent: -9999px;
	background: url(/images/LoginButton.png) top center no-repeat;
}

#LandingLogin:hover {
	background-position: center;
}

#LandingLogin:active {
	background-position: bottom center;
}

#LandingRight {
	float: right;
	width: 479px;
}

#landingPage h1 {
	width: 230px;
	height: 62px;
	margin: 0;
	text-indent: -9999px;
	background: url(/images/PinterestLogoNew.gif) center no-repeat;
}

#LandingTestimonials {
	width: 100%;
	height: 48px;
	margin: 30px 0 20px;
}

#LandingTestimonials div {
	display: none;
}

#LandingTestimonials img {
	position: relative;
	top: -2px;
	float: left;
	width: 50px;
	height: 50px;
	margin-right: 16px;
}

#LandingTestimonials p {
	font-size: 15px;
	color: #76838b;
	letter-spacing: 0;
}

#LandingTestimonials p span {
	font-weight: bold;
}

#requestInvitation button {
	float: right;
	width: 188px;
	height: 35px;
	text-indent: -9999px;
	background: transparent url(/images/RequestInvitationButton.png) top
		center no-repeat;
	border-width: 0;
}

#requestInvitation button:hover {
	background-position: center;
	cursor: pointer;
}

#requestInvitation button:active {
	background-position: bottom center;
}

#invitationBox {
	width: 250px;
	margin-top: 1px;
	padding: 7px 15px;
	font-size: 15px;
	line-height: 1em;
	color: #bbb;
	background-color: #fff;
	border-width: 0;
	border-radius: 18px;
	-moz-border-radius: 18px;
	-webkit-border-radius: 18px;
	box-shadow: 0 1px 1px #bbb;
	-moz-box-shadow: 0 1px 1px #bbb;
	-webkit-box-shadow: 0 1px 1px #bbb;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#bbbbbb',
		Direction=180, Strength=2 );
}

*+html #invitationBox {
	height: 28px;
}

#landingFooter {
	position: relative;
	left: -6px;
	margin-top: 16px;
}

#landingFooter li {
	float: left;
	margin: 3px 6px 0;
	color: #76838B;
}

#landingFooter a {
	display: inline;
	font-size: 1.2em;
	font-weight: normal;
	color: #76838B;
	text-decoration: none;
}

#landingFooter a:hover {
	background-color: transparent;
	text-decoration: underline;
}

#requestInvitation #errorbox {
	width: auto;
	padding: 0;
}

#requestInvitation #errorbox span {
	display: block;
	margin: 16px 0 16px -15px;
	padding: 10px 15px;
	font-size: 1.2em;
	font-weight: normal;
	color: #211922 !important;
	background-color: #feffdf;
	border-bottom: 4px solid #d4d5ba;
}

#requestInvitation h3 {
	width: 240px;
	margin: 10px 0;
	padding: 0 0 0 10px;
	font-size: 1.5em;
}

/* MUTED STRIPES STYLE
---------------------------------------------- */
.FixedWidthContainer {
	width: 850px;
	margin: 0 auto;
}

.WhiteContainer {
	position: relative;
	margin: 32px auto;
	padding: 0 18px 10px 18px;
	background-color: #fff;
	overflow: hidden;
	box-shadow: 0 1px #d7d7d7;
	-moz-box-shadow: 0 1px #d7d7d7;
	-webkit-box-shadow: 0 1px #d7d7d7;
}

.WhiteContainer.BlackLipped {
	margin-top: 16px;
	border-top: 2px solid #000;
}

.TopBar {
	margin: -26px -18px 24px -18px;
	padding: 28px 18px 21px 18px;
	text-align: center;
	background-color: #ffe;
}

.BottomBar {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 60px;
	text-align: center;
	font-size: 14px;
	background-color: #ffe;
}

.BottomBar .button {
	float: right;
	margin: 16px 28px 0 0;
	padding: 0.3em 1.35em;
}

.WhiteContainer #sortFilters {
	height: 34px;
	margin: -24px -18px 16px;
	border-bottom: 1px solid #ccc;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

/* WELCOME
---------------------------------------------- */
#logo {
	display: block;
	margin: 17px auto 15px;
}

#RoadblockHeaderSubtitle {
	display: inline-block;
	margin: 17px 0 0;
	font-size: 14px;
}

.FixedBar {
	position: fixed;
	z-index: 1;
	right: 0;
	bottom: 0;
	left: 0;
	height: 58px;
	background-color: #ffe;
	border-top: 4px solid #ccc;
}

.FixedBar div {
	position: relative;
	display: block;
	width: 850px;
	height: 58px;
	margin: 0 auto;
}

.FixedBar a {
	position: absolute;
	top: 15px;
	right: 0;
}

.FixedBar .previous {
	right: auto;
	left: 0;
}

.welcome h1 {
	text-align: center;
}

.welcome h3 {
	margin-bottom: 12px;
	font-size: 1.8em;
	line-height: 1.1em;
}

.welcome .WhiteContainer {
	margin: 12px 0;
}

.welcome .WhiteContainer.progressBar {
	margin-top: 10px;
}

.welcome .WhiteContainer.bottom {
	margin-bottom: 94px;
	padding: 36px 24px;
	border-top: 2px solid #000;
}

.welcome .TopBar {
	text-align: center;
	font-size: 22px;
	font-weight: normal;
	border-bottom: 1px solid #e3e3e3;
}

.welcome p {
	font-size: 1.3em;
	color: #545454;
	line-height: 1.4em;
}

.welcome .progressBar {
	height: 55px;
	padding: 0;
	background: url(/images/progress.png) 0 0 no-repeat;
}

#WelcomeTwo .progressBar {
	background-position: 0 -55px;
}

#WelcomeThree .progressBar {
	background-position: 0 -110px;
}

#WelcomeOne #BoardCreator {
	margin: 0 auto;
}

#WelcomeOne #BoardCreator li {
	padding: 10px 0;
	border-bottom: 1px solid #e7e7e7;
}

#WelcomeOne #BoardCreator input[type="text"] {
	width: 68%;
	margin-left: 8px;
	font-size: 1.8em;
}

#WelcomeOne #BoardCreator li span {
	margin: 2px 18px;
	font-size: 2.2em;
}

#WelcomeOne #BoardCreator li span.text {
	margin: 8px 28px;
	font-size: 1.2em;
	display: block;
}

#WelcomeOne #BoardCreator #BoardCreateMessage {
	margin: 20px 0px;
	font-size: 1.2em;
	background: #e7e7e7;
}

#WelcomeOne .thirdRight {
	margin-top: 20px;
}

#WelcomeOne .thirdRight img {
	margin-bottom: 8px;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
}

#WelcomeTwo #FriendFollow {
	margin-top: 36px;
}

#WelcomeTwo #FriendFollow span {
	font-size: 1.4em;
	vertical-align: top;
}

#WelcomeTwo #FriendFollow ul {
	margin: 0 auto 8px;
	overflow: hidden;
}

#WelcomeTwo #FriendFollow li {
	float: left;
	margin: 0 2px 2px 0;
}

#WelcomeTwo #FriendFollow li img {
	display: block;
	width: 34px;
	height: 34px;
}

#WelcomeTwo .twoThirdsLeft div {
	position: relative;
	padding: 8px 0;
	border-bottom: 1px solid #e7e7e7;
	overflow: hidden;
}

#WelcomeTwo .twoThirdsLeft img {
	float: left;
	width: 50px;
	height: 50px;
	margin-right: 8px;
}

#WelcomeTwo .twoThirdsLeft h4 {
	display: block;
	margin: 5px 0 2px;
	font-size: 16px;
	color: #76838b;
}

#WelcomeTwo .twoThirdsLeft p {
	font-size: 12px;
	color: #aaa;
}

#WelcomeTwo .twoThirdsLeft a {
	float: right;
	margin-top: 12px;
}

#WelcomeTwo #InviteFriends input[type="text"] {
	width: 177px;
	margin: 0 auto 10px;
	padding: 4px;
	font-size: 1.4em;
}

#WelcomeTwo #InviteFriends input[type="submit"] {
	display: none;
	margin: 1px 0 0 5px;
	vertical-align: top;
	font-size: 1.3em;
}

#WelcomeThree h2 span {
	font-size: 14px;
	font-weight: normal;
	color: #76838b;
}

#WelcomeThree #DragMe {
	padding: 8px 12px;
	text-align: center;
	background-color: #f3f3f3;
}

#WelcomeThree #BookmarkletLink {
	display: inline-block;
	padding: 8px 15px;
	font-size: 1.4em;
	text-decoration: none;
	color: #211922;
	background-color: #ffe;
	border: 0;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	box-shadow: 0 3px 12px #ccc;
	-moz-box-shadow: 0 3px 12px #ccc;
	-webkit-box-shadow: 0 3px 12px #ccc;
}

#WelcomeThree #BookmarkletLink:hover {
	box-shadow: 0 3px 12px #aaa;
	-moz-box-shadow: 0 3px 12px #aaa;
	-webkit-box-shadow: 0 3px 12px #aaa;
}

#WelcomeThree #DragArrowTall {
	height: 223px;
	position: absolute;
	right: 100px;
	top: -115px
}

#DragArrowTall {
	position: absolute;
	z-index: 9999;
	top: -63px;
	right: 35px;
}

/* LOGIN PAGE
---------------------------------------------- */
.loginPage h1,#loginPage h1 {
	margin-bottom: 6px;
}

.loginPage ul input,#loginPage ul input {
	width: 220px;
}

.loginPage h1,#loginPage h1 {
	margin-top: 0;
}

.auth_fb a:hover {
	background-color: transparent;
	opacity: .85;
	filter: alpha(opacity =   85);
}

.auth_pint fieldset .button {
	display: inline-block;
	margin-left: 80px;
}

.auth_pint ul {
	padding: 20px 0;
}

.auth_pint fieldset legend {
	padding-left: 80px;
}

/* BOARD PAGE
---------------------------------------------- */
.priceFlag {
	background-color: #f3f3f3;
	color: #000;
	font-size: 1.2 em;
	position: absolute;
	height: 20px;
	padding-top: 5px;
	left: -23px;
	overflow: hidden;
	text-align: center;
	top: 10px;
	width: 96px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	z-index: 1;
}

#boardIntroduction {
	position: relative;
	margin-bottom: 13px;
	padding: 14px 14px 17px;
	background-color: #fff;
	border-bottom: 3px solid #000;
}

#boardIntroduction.fixed {
	position: fixed;
	top: 15px;
	left: 15px;
}

#boardIntroduction p {
	margin: 0;
	padding: 0;
	font-size: 1.8em;
	line-height: 1em;
	font-weight: 300;
	color: #211922;
	border-width: 0;
}

#boardIntroduction p span {
	margin-left: 5px;
}

#boardIntroduction p span.hilight {
	font-size: 1em;
	font-weight: 600;
	float: none;
	vertical-align: 5%;
}

#boardIntroduction p span.selected {
	margin: 0px;
	color: #000;
}

#boardIntroduction p span.greyselected {
	margin: 0px;
	color: #76838B;
}

#boardIntroduction p a {
	font-weight: 300;
}

#boardIntroduction a.reArrange {
	padding: 0.5em 0.825em;
}

#NewIndicator {
	position: relative;
	display: block;
	font-size: 13px;
	font-weight: 300;
	text-decoration: none;
	margin-bottom: 13px;
	padding: 10px;
	text-align: center;
	background-color: #fff;
}

#NewIndicator:hover {
	color: #fff;
	background-color: #1389e5;
}

#morePins {
	clear: both;
	display: none;
	width: 237px;
	margin: 0 auto 16px;
	padding: .7em .825em;
	text-align: center;
	text-decoration: none;
	color: #221919;
}

#boardIntroFilters {
	padding: 10px;
	border-top: 3px solid #000;
}

#boardIntroFilters .boardIntroFiltersShort {
	height: 270px;
}

#boardIntroFilters ul li {
	display: inline-block;
	line-height: 2.7em;
}

#boardIntroFilters ul li a {
	white-space: nowrap;
	padding: 4px 10px 4px 10px;
	border-radius: 13px;
	-moz-border-radius: 13px;
	-webkit-border-radius: 13px;
	background-color: #ededeb;
	border: 1px solid #bbb;
	font-size: 1.15em;
	color: #76838b;
	font-weight: normal;
	text-decoration: none;
}

#boardIntroFilters ul li a:hover {
	background-color: #fafafa;
	box-shadow: 4px #1389e5;
	-moz-box-shadow: 4px #1389e5;
	-webkit-box-shadow: 4px #1389e5;
}

#boardIntroFilters ul li a.selected {
	background-color: #fafafa;
	color: #000;
}

#boardIntroFilters ul li a.new {
	background-color: #b2dfee;
	color: #000;
}

#boardIntroFilters ul li a.new:hover {
	background-color: #fafafa;
	box-shadow: 4px #1389e5;
	-moz-box-shadow: 4px #1389e5;
	-webkit-box-shadow: 4px #1389e5;
}

#boardIntroFilters ul li a span {
	font-size: 0.8em;
	font-weight: bold;
	background: none;
	float: none;
	vertical-align: 5%;
}

#introductionRight {
	position: relative;
	float: right;
	font-size: 1.2em;
	color: #76838b;
	top: 2px;
	right: -4px;
}

#introductionRight .button {
	font-size: 1.2em;
}

#introductionRight #FriendButtons {
	position: absolute;
	top: -6px;
	left: -400px;
	width: 400px;
	text-align: right;
}

#introductionRight #FriendButtons .button {
	display: inline-block;
}

#introductionRight .boardMeta {
	float: none;
	font-size: 1em;
}

#introductionRight .homeMeta {
	float: none;
	font-size: 1em;
}

.board #introductionRight {
	position: absolute;
	float: none;
	top: 10px;
	right: 0;
	width: 221px;
	font-size: 1.2em;
	color: #76838b;
}

.board #introductionRight .button {
	position: absolute;
	top: -2px;
	right: 234px;
	left: auto;
	padding-top: .285em;
	padding-bottom: .285em;
	font-size: 1.3em !important;
}

#introductionRight iframe {
	display: inline-block;
	margin-left: 4px;
}

#introductionRight .twitter-share-button {
	position: relative;
	top: 4px;
}

#boardMetadata {
	position: absolute;
	top: 0;
	right: 0;
	width: 193px;
	padding: 14px;
	background-color: #fff;
	border-top: 3px solid #000;
	overflow: hidden;
}

#introductionProfileImage {
	position: relative;
	top: -4px;
	left: -4px;
	float: left;
	margin-bottom: 13px;
	border: 4px solid #fff;
}

#introductionProfileImage:hover {
	border-color: #1389e5;
}

#introductionProfileImage img {
	display: block;
	width: 58px;
	height: 58px;
}

#boardAuthor {
	float: left;
	margin: 7px 0 0;
	padding: 0;
	font-size: 1.8em;
	line-height: 1.2em;
	border-bottom: 0;
}

#boardAuthor a {
	font-weight: 500;
	text-decoration: none;
}

#description {
	clear: both;
	font-size: 1.2em;
	line-height: 1.5em;
	color: #555;
}

#description textarea {
	min-height: 180px !important;
	color: #555;
}

#description_error {
	clear: both;
}

#boardMetadata h3 {
	clear: both;
	margin: 15px 0 8px;
	font-size: 1.4em;
	font-weight: normal;
	color: #aaa;
}

#boardMetadata li strong {
	display: block;
	margin-bottom: 4px;
}

#boardMetadata .boardShare {
	margin-top: 21px;
	clear: both;
	vertical-align: baseline;
}

#boardMetadata .boardShare li {
	display: inline;
	margin: 0 0px 0 2px;
}

#boardMetadata .boardShare li:first-child {
	margin-left: 0px;
}

#boardMetadata .boardShare li img {
	border-radius: 2px;
	-moz-border-radius: 2px;
	webkit-border-radius: 2px;
	border: 1px solid #c7c7c7;
	border-top-color: #e2e2e2;
	height: 17px;
	width: 17px;
}

#boardMetadata .boardShare a:hover {
	background-color: #fff;
	color: #fff;
	box-shadow: 2px #1389e5;
	-moz-box-shadow: 2px #1389e5;
	-webkit-box-shadow: 2px #1389e5;
}

#boardMetadata .boardShare .shortUrl {
	display: none;
}

#boardMetadata .otherBoards a {
	padding-right: 0;
	line-height: 1.125-em;
	color: #1389e5;
}

#boardMetadata .otherBoards a:hover {
	color: #fff;
}

#boardMetadata .otherBoards a span {
	display: none;
}

#boardMetadata .tags {
	margin: 0;
	padding: 0;
}

#boardMetadata .tags a {
	font-weight: 500;
}

#boardFollowers {
	clear: both;
	margin: 21px 0 0;
	overflow: hidden;
}

#boardFollowers h3 {
	margin-top: 0;
	clear: both;
}

#boardFollowers li {
	display: inline;
}

#boardFollowers a {
	float: left;
}

#boardFollowers a:hover {
	background-color: #fff;
	opacity: .9;
	filter: alpha(opacity =   90);
}

#boardFollowers a img {
	display: block;
	width: 30px;
	height: 30px;
	margin: 0 2px 2px 0;
}

#boardFollowers #boardFollowersCount {
	float: none;
	font-weight: normal;
	color: #aaa;
	text-decoration: none;
}

#boardFollowers #boardFollowersCount:hover {
	text-decoration: underline;
	background-color: #fff;
	opacity: 1;
	filter: alpha(opacity =   100);
}

#boardCollabarator {
	clear: both;
	margin: 21px 0 0;
	overflow: hidden;
}

#boardCollabarator h3 {
	margin-top: 0;
	clear: both;
}

#boardCollabarator li {
	display: inline;
}

#boardCollabarator a {
	float: left;
}

#boardCollabarator a:hover {
	background-color: #fff;
	opacity: .9;
	filter: alpha(opacity =   90);
}

#boardCollabarator a img {
	display: block;
	width: 27px;
	height: 27px;
	margin: 0 2px 2px 0;
}

/* PEOPLE PAGE
---------------------------------------------- */
#PeopleSidebar {
	float: left;
	width: 16epx;
	margin-right: 15px;
}

#PeopleSidebar p {
	font-size: 1.5em;
	color: #aaa;
}

#PeopleSidebar a {
	display: block;
	margin-top: -1px;
	padding: 3px 5px;
	font-size: 1.6em;
	font-weight: 300;
	text-decoration: none;
	border: solid #e7e7e7;
	border-width: 1px 0;
}

#PeopleSidebar a:hover {
	border-color: #1389e5;
}

#PeopleSidebar .active {
	color: #fff;
	background-color: #211922;
	border-color: #211922;
}

#PeopleSidebar .active:hover {
	background-color: #211922;
	border-color: #211922;
}

#PeopleList {
	margin-left: 176px;
	border-top: 1px solid #e7e7e7;
}

#PeopleList .person {
	position: relative;
	padding: 8px 0;
	border-bottom: 1px solid #e7e7e7;
	overflow: hidden;
}

#PeopleList .PeopleListImage {
	float: left;
	margin-right: 8px;
}

#PeopleList .PeopleListImage img {
	display: block;
}

#PeopleList p {
	position: relative;
	top: 3px;
	display: inline;
	font-size: 12px;
}

#PeopleList p a {
	display: inline-block;
	max-width: 162px;
	font-size: 16px;
	line-height: 1.05em;
	font-weight: 300;
	color: #211922;
	text-decoration: none;
}

#PeopleList p a:hover {
	color: #fff;
	background-color: #211922;
}

#PeopleList p span {
	color: #aaa;
}

#PeopleList .person .button {
	position: absolute;
	top: 8px;
	left: 227px;
}

#PeopleList ul {
	float: right;
}

#PeopleList li {
	display: inline;
}

#PeopleList ul a {
	float: left;
	margin-left: 8px;
}

#PeopleList ul a img {
	display: block;
}

/* PROFILE PAGE
---------------------------------------------- */
#profile {
	background-color: #e8e7e3;
}

#profile #article {
	min-width: 695px;
	margin-left: 237px;
}

#ProfileSidebar {
	position: static;
	float: left;
	width: 193px;
	padding: 14px;
	background-color: #fff;
}

#ProfileSidebar h3 {
	clear: both;
	margin: 10px 0 8px;
	font-size: 14px;
	font-weight: normal;
	color: #aaa;
}

#ProfileTop {
	clear: both;
	margin-bottom: 8px;
	overflow: hidden;
}

.ProfileImage img {
	display: block;
	width: 193px;
	clear: both;
}

div.profileImageHolder {
	height: 193px;
	overflow: hidden;
}

p.profileLocation {
	min-height: 16px;
}

#ProfileTop h2 {
	display: block;
	margin: 0 0 0;
	padding-bottom: 1px;
	font-size: 1.8em;
	line-height: 1.2em;
	font-weight: 500;
	color: #211922;
	text-decoration: none;
	border-bottom: 0;
}

#ProfileTop #ProfileFollow {
	text-align: center;
	margin: 10px 0;
}

#ProfileTop #ProfileFollow a {
	display: block;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

#ProfileTop #ProfileAbout {
	border: solid 1px #e7e7e7;
}

#ProfileTop #ProfileAboutInner {
	padding: 6px;
	font-size: 1.1em;
	line-height: 1.3em;
}

#profile #boardIntroduction .button {
	position: absolute;
	bottom: 11px;
	right: 8px;
	font-size: 13px;
}

#ProfileMetrics {
	margin-bottom: 4px;
}

#ProfileMetrics a {
	float: left;
	padding: 5px 0px;
	margin-right: 10px;
	font-size: 15px;
	line-height: 14px;
	font-weight: normal;
	color: #211922;
	text-decoration: none;
}

#ProfileMetrics a span {
	font-size: 11px;
	font-weight: normal;
	background-image: none;
	margin: 0;
	display: inline;
	float: none;
}

#ProfileMetrics a:hover {
	color: #fff;
}

#ProfileLinks {
	margin-bottom: 8px;
	overflow: hidden;
}

#ProfileLinks li {
	float: left;
	margin-right: 6px;
}

#ProfileLinks a {
	font-weight: normal;
	color: #211922;
	text-decoration: none;
}

#ProfileLinks a:hover {
	color: #fff;
	background-color: #1398e5;
}

#ProfileLinks li {
	display: block;
	min-height: 16px;
	font-size: 1.1em;
	background-position: 0;
	background-repeat: no-repeat;
}

#ProfileLinks a img {
	display: block;
}

#ProfileLinks #profileLinksLocation {
	float: right;
}

#send_usermessage {
	margin: 0 -14px;
	padding: 8px 14px;
	background: #f3f3f3;
}

#send_usermessage textarea {
	width: 181px;
	height: 13px;
	padding: 5px;
	font-size: 12px;
}

#complete_usermessage {
	display: none;
}

.complete_usermessage_button {
	font-size: 1.2em;
	margin: 10px 0 0px 134px;
	width: 35px;
}

.activity {
	margin: 0 -14px;
	padding-top: 7px;
	border-top: 1px solid #e7e7e7;
}

.activity li {
	display: block;
	padding: 7px 12px;
	font-size: 11px;
	color: #362d42;
	overflow: hidden;
}

.activity li img {
	float: left;
	height: 30px;
	width: 30px;
	margin-right: 5px;
}

.activity li a {
	color: #211922;
	text-decoration: none;
}

.activity li a:hover {
	color: #fff;
}

/* PROFILE EDIT AND BOARD EDIT
---------------------------------------------- */
#edit {
	width: 462px;
	margin-left: 0;
	font-size: 14px;
	overflow: visible;
}

#edit h3 {
	margin: 0;
	padding: 20px 0 13px;
	font-size: 24px;
	font-weight: bold;
	display: block;
}

#edit h3 a {
	font-weight: bold;
}

#edit a {
	font-weight: normal;
	text-decoration: none;
}

#edit label {
	float: left;
	width: 133px;
	margin-top: 8px;
	font-weight: bold;
}

#edit p,#edit div {
	margin-bottom: 0;
	font-size: 14px;
	border-top: 1px solid #e8e7e3;
	padding: 11px 0;
	line-height: 1;
	position: relative;
}

#add_collaborators {
	border-top: 10px solid #000;
}

#edit div ul {
	margin-left: 133px;
}

#edit li {
	display: block;
	padding: 4px 0px;
	font-weight: bold;
}

#edit li label {
	float: none;
	width: auto;
	cursor: pointer;
}

#edit span {
	font-size: 14px;
	font-weight: normal;
	padding-left: 3px;
}

#edit .NoInput {
	margin-bottom: 5px;
}

#edit .Delete {
	margin-bottom: 5px;
	padding-top: 16px;
}

#edit .Delete label {
	margin-top: -1px;
}

#edit input[type="text"],#edit input[type="password"],#edit textarea {
	width: 311px;
	font-family: "helvetica neue", arial, sans-serif;
	font-size: 14px;
	line-height: 1.2em;
}

#edit .change_avatar {
	vertical-align: 20px;
	margin-left: 6px;
}

#edit .link_account {
	display: block;
	margin-left: 130px;
}

#edit .link_account:hover {
	background: inherit;
	color: #1389e5;
	text-decoration: underline;
}

#edit a.red:hover {
	text-decoration: none;
}

#edit .unlink {
	color: #aaa;
}

#edit .unlink:hover {
	color: #aaa;
}

#edit #id_img {
	display: none;
	position: relative;
	bottom: 20px;
	left: 20px;
}

#edit #id_twitter {
	width: 220px;
	margin-left: 5px;
}

#edit input[type="submit"] {
	float: right;
}

#edit span.help_text {
	width: 320px;
	display: block;
	position: absolute;
	right: -357px;
	top: 22px;
	color: #76838b;
	font-size: 11px;
}

#edit span.error {
	color: #900;
	background: #f6e5ea;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 8px;
	top: 12px;
	display: block;
	font-size: 11px;
	margin-bottom: 9px;
}

#edit select {
	max-width: 311px;
	margin-top: 4px;
}

#edit input.button {
	float: left;
	margin-left: 133px;
	margin-bottom: 15px;
	font-size: 14px;
}

#edit #id_buyable {
	width: 299px;
	margin-left: 4px;
}

#edit .tagsHolder {
	padding-top: 6px;
}

#edit .tagsHolder .tagBody,#edit .tagsHolder .removeTag {
	font-size: 12px !important;
}

#edit .tagsHolder li {
	padding: 0;
}

.refresh_user_image:hover {
	cursor: pointer;
}

#facebook_status,#twitter_status {
	display: block;
	padding-top: 8px;
}

.editpage_submit {
	margin-top: 13px;
}

#edit .user_settings_linked_button {
	font-weight: bold;
	font-size: 15px;
	padding: 10px;
	width: 75px;
	margin-bottom: 15px;
}

.user_settings_linked_button:hover {
	text-decoration: none !important;
	color: #555 !important;
}

.social-label {
	padding-top: 11px;
}

.link_twitter_account_button {
	width: 151px !important;
	margin-bottom: 3px !important;
}

.link_facebook_account_button {
	width: 172px !important;
	margin-bottom: 3px !important;
}

.link_twitter_account_button:hover,.link_facebook_account_button:hover {
	text-decoration: underline !important;
}

/* PIN EDIT
---------------------------------------------- */
.WhiteContainer.BlackLipped.editPinBox {
	margin: 0px 57px 0px 0px;
	padding: 14px;
}

.WhiteContainer.BlackLipped.editPinBox .pinOriginTitle {
	height: auto !important;
}

.WhiteContainer.BlackLipped.editPinBox p {
	margin: 0px;
	overflow: visible;
}

.WhiteContainer.BlackLipped a#delete {
	font-size: 0.9em;
	margin-top: 22px;
}

/* ABOUT
---------------------------------------------- */
#AboutPages .WhiteContainer {
	border-top: 2px solid #000;
}

#AboutPages h2 {
	padding: 20px 0px;
	text-align: center;
}

#AboutPages #sortFilters {
	margin-top: 0px;
	border-left: 1px solid white;
	border-right: 1px solid white;
}

#AboutPages #DragArrowTall {
	height: 116px;
	right: 10px;
	top: -77px;
}

/* COLLABORATORS SETTINGS
---------------------------------------------- */
#add_collaborators,#add_collaborators div,#add_collaborators p {
	border-width: 0;
}

#collabarators {
	font-size: 1.8em;
}

#collabarators ul li {
	padding: 3px;
	width: 300px;
	position: relative;
}

#collabarators ul li:hover {
	background: #d6d6d6;
}

#collabarators ul li img {
	vertical-align: middle;
	height: 30px;
	width: 30px;
	padding: 5px;
}

#collabarators ul li .collabarator_name {
	margin-left: 10px;
	font-weight: 300;
}

#invite_response {
	font-size: 1.2em;
	color: green;
}

#collabarators a {
	text-decoration: none;
	size: 1.8em;
}

#collabarators a:hover {
	background: none;
	color: #aaa;
}

#collabarators .close_button {
	height: 18px;
	width: 18px;
}

.delete_collabarator {
	display: block;
	background: url(/images/close_pill.png) 0 0px no-repeat !important;
	height: 18px;
	width: 18px;
	text-indent: -9999px;
	float: right;
	top: 5px;
	position: relative;
}

.delete_collabarator:hover {
	background: url(/images/close_pill.png) 0 -50px no-repeat !important;
}

.collabarator_form {
	width: 525px;
}

.collabarator_form legend {
	font-size: 1.8em;
	font-weight: bold;
	display: block;
}

.collabarator_form p {
	font-size: 1.5em;
	line-height: 1;
	position: relative;
}

.collabarator_form label {
	width: 600px;
	float: left;
	font-weight: bold;
	line-height: 1.8; margin 5px 0px;
	padding: 15px, 0px;
	clear: right;
	font-size: .9em;
}

.collabarator_form input[type="text"],.collabarator_form input[type="password"],.collabarator_form textarea
	{
	width: 225px;
	font-family: "helvetica neue", arial, sans-serif;
	font-size: .9em;
	line-height: 1.2em;
	margin-top: 5px;
	color: #76838b;
}

#invite_message {
	width: 375px;
}

.collabarator_form input[type="submit"] {
	float: right;
}

.collabarator_form span.help_text {
	width: 250px;
	display: block;
	position: absolute;
	right: -275px;
	top: 18px;
	color: #999;
	font-size: .8em;
}

.collabarator_form span.error {
	color: #900;
	background: #f6e5ea;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 8px;
	top: 12px;
	display: block;
	font-size: .8em;
	margin-bottom: 9px;
}

.collab_button {
	font-size: 1.5em;
	padding: 3px 10px;
}

#invite_submit .collab_button {
	float: left;
	margin-bottom: 15px;
	font-size: 1.4em;
}

#add_collaborators {
	border-top: 0 !important;
	padding-top: 0 !important;
}

#add_collaborator_form {
	overflow: hidden;
	width: 329px;
	margin-left: 133px;
}

.collab_button {
	margin: 5px 0 0 !important;
	padding: 5px !important;
}

li .delete_collabarator {
	display: none !important;
}

li:hover .delete_collabarator {
	display: block !important;
}

.collabarator_name {
	font-size: 15px !important;
	position: relative;
	top: -7px;
	margin-left: 7px;
	color: #000;
}

.collabarator_name:hover {
	background: #fff;
	color: #000;
	text-decoration: underline !important;
}

/* RESULTS page
---------------------------------------------- */
#results .board .boardCredit {
	float: right;
	margin: 2px -185px 0 0;
	font-weight: 500;
	color: #76838b;
}

#results .board span.boardCredit {
	font-size: .7em;
	display: block;
	color: #aaa;
}

#results .board span.boardCredit img {
	float: left;
	margin: -2px 4px 0 0;
	width: 21px;
	border: 0 none
}

#noResults p {
	font-size: 2em;
}

/* JQUERY ALERTS
---------------------------------------------- */
#popup_overlay {
	opacity: 0.6 !important;
	filter: alpha(opacity =   60) !important;
}

#popup_container {
	font-family: 'lucida grande', arial;
	font-weight: bold;
	text-align: left;
	font-size: 12px;
	width: 364px;
	height: 86px;
	background: #FFF;
	color: #000;
	border-spacing: 2px;
	border: 4px solid #e0ecf0;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#popup_title {
	display: none;
}

#popup_message {
	padding-top: 15px;
	padding-left: 15px;
}

#popup_panel {
	padding-left: 15px;
	text-align: left;
}

#popup_content input[type=button] {
	margin-top: 20px;
	margin-right: 10px;
	padding: 3px;
	color: #fff;
	background-color: #476ea7;
}

/* ADD FORMS
---------------------------------------------- */
.popup.addForm {
	display: none;
	width: 780px;
}

.popup.addForm .interstertial {
	position: fixed;
	width: 618px;
	margin-left: -340px;
	padding-top: 70px;
	padding-bottom: 30px;
	background-color: #E8E7E3;
}

.popup.addForm .interstertial h2 {
	font-size: 2.5em !important;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	padding: 14px 30px !important;
	line-height: 1em !important;
	text-align: left !important;
	background-color: #fff;
	border-bottom: 1px solid #e7e7e7;
	border-radius: 11px 11px 0 0;
	-moz-border-radius: 11px 11px 0 0;
	-webkit-border-radius: 11px 11px 0 0;
}

.popup.addForm .interstertial h2 a {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 55px;
	text-indent: -9999px;
	border-left: 1px solid #e7e7e7;
	background: url(/images/CloseIcon.gif) center no-repeat;
	outline: none;
	border-top-right-radius: 11px;
	-moz-border-radius-topright: 11px;
	-webkit-border-top-right-radius: 11px;
}

.popup.addForm .interstertial h2 a:hover {
	background-color: #f5f5f5;
}

.popup.addForm .interstertial h2 a:active {
	background-color: #76838b;
}

.popup.addForm .interstertial h3 {
	margin: 15px 0 5px;
	font-size: 15px;
	font-weight: bold;
	color: #211922;
}

.popup.addForm .interstertial h3 span.required {
	margin-left: 8px;
	font-size: 11px;
	color: #76838B;
}

/* ADD PIN FORM
---------------------------------------------- */
#PinTop {
	position: relative;
	display: block;
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom: 0 solid #e7e7e7;
	overflow: hidden;
}

#PinTop label {
	float: left;
	width: 196px;
	margin-top: 6px;
	text-align: right;
	font-size: 1.5em;
}

#PinTop label a {
	line-height: 1em;
}

#PinTop .active {
	color: #211922;
	text-decoration: none;
	cursor: default;
}

#PinTop .active:hover {
	background-color: transparent;
}

#scrapePinInputHolder input[type="text"] {
	float: right;
	width: 386px;
	font-size: 1.5em;
}

#uploadPinInputHolder #uploadPinInput {
	float: left;
	width: 318px;
	margin-left: 20px;
	font-size: 1.5em;
}

#uploadPinInputHolder .button {
	float: right;
	font-size: 1.3em;
}

#load2 {
	display: none;
	position: absolute;
	top: 6px;
	right: 6px;
}

.pinSuccess {
	text-align: center;
}

#BookmarkletaddAPinContainer .pinSucesss .button {
	font-size: 15px;
}

.pinSuccess h3 {
	font-size: 1.8em;
	font-weight: bold;
	color: #76838b;
	padding: 20px 0px;
}

.pinSuccess li {
	display: inline;
	margin-right: 20px;
}

.pinSuccess .duplicates {
	display: block;
	margin: 20px 0px;
}

.pinSuccess .duplicates li {
	float: left;
	margin-right: 10px;
}

.pinSuccess .duplicates li img {
	float: left;
	height: 25px;
	width: 25px;
}

.pinSuccess .duplicates li span {
	display: block;
}

.pinLeft {
	position: relative;
	float: left;
	max-width: 200px;
}

.pinLeft img {
	display: block;
	max-width: 168px;
	max-height: 168px;
	border: 14px solid #fff;
}

.pinLeft .video {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -25px 0 0 -25px;
}

.pinMain {
	margin-left: 214px;
	width: 404px;
}

.pinMain h3 {
	display: none;
	clear: left;
	float: left;
	width: 0;
	font-size: 1.3em;
	font-weight: bold;
	color: #76838b;
}

.pinMain #PinDescription {
	display: block;
	margin: 6px 0;
}

.pinMain #RePinDescription {
	display: block;
	margin: 6px 0;
}

#RePinDescriptionTextarea {
	width: 386px;
	font-size: 14px;
	padding: 5px;
}

#description.addAPin,#highlighter.addAPin {
	width: 100%;
	padding: 5px;
	font-size: 1.5em;
	font-color: #fff;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-khtml-box-sizing: border-box;
}

#RepinContainer .postSuccess {
	text-align: center;
	font-size: 1.5em;
	line-height: 1.8em;
	display: none;
}

#RepinContainer .postSuccess span {
	font-weight: bold;
}

#PinTags input,#RePinTags input {
	width: 100%;
	padding-top: 5px 0px;
	font-size: 1.5em;
	color: #777;
	border-bottom: 1px dashed #aaa;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-khtml-box-sizing: border-box;
}

#PinTags .tagsHolder,#RePinTags .tagsHolder {
	padding: 3px 3px 2px;
	background-color: #fff;
	border-style: solid;
	border-width: 0 1px 1px;
	border-color: #ccc #bbb #aaa;
	box-shadow: 0 1px #d7d7d7;
	-moz-box-shadow: 0 1px #d7d7d7;
	-webkit-box-shadow: 0 1px #d7d7d7;
}

#PinTagsInput #RepinTagsInput {
	border-bottom-style: dashed;
}

.PinExtra {
	float: right;
	width: 275px;
	margin-top: 18px;
	text-align: right;
	font-size: 1.25em;
	color: #888;
	white-space: nowrap;
	overflow: hidden;
}

#PinButtons,#RePinButtons {
	margin: 17px 0 0 0;
}

#PinButtons .button {
	font-size: 1.8em;
	padding: .3em 1em;
}

#RePinButtons .button {
	font-size: 1.8em;
	padding: .3em 1em;
}

#RePinButtons ul.share li,#PinButtons ul.share li {
	float: left;
	clear: none;
	line-height: 2em;
}

#RePinButtons ul.share li label,#PinButtons ul.share li label {
	width: 100px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	line-height: 2em;
	border: none;
	font-size: 1.25em;
}

#RePinButtons ul.share li label:hover,#PinButtons ul.share li label:hover
	{
	background-color: inherit;
}

#RePinButtons ul.share li label:active,#PinButtons ul.share li label:active
	{
	background-color: inherit;
	color: inherit;
}

#RePinButtons label,#PinButtons label {
	display: inline-block;
	margin: 2px 0 0 8px;
	padding: 2px 3px;
	font-size: 1.3em;
	line-height: 1em;
	font-weight: normal;
	color: #76838b;
	border: 1px solid transparent;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#RePinButtons label:hover,#PinButtons label:hover {
	background-color: #fff;
	border-color: #ccc;
	cursor: pointer;
}

#RePinButtons label:active,#PinButtons label:active {
	color: #fff;
	background-color: #76838b;
	border-color: #76838b;
}

#RePinButtons span#facebook,#PinButtons span#facebook {
	width: 16px;
	height: 16px;
	background: url(/images/FaceBook-icon16.png) right top no-repeat;
	display: inline-block;
	vertical-align: middle;
	margin-top: -4px;
}

#RePinButtons span#twitter,#PinButtons span#twitter {
	width: 16px;
	height: 16px;
	background: url(/images/Twitter-icon16.png) right top no-repeat;
	display: inline-block;
	vertical-align: middle;
	margin-top: -4px;
}

#RePinButtons .share {
	float: right;
	width: 320px;
	margin-top: 7px;
	overflow: hidden;
}

#bookmarklet p {
	padding: 10px 0px;
	color: #000;
	font-size: 13px;
	font-weight: normal;
	clear: both;
}

#PinTagsInput {
	box-shadow: 0 0 #fff;
	-moz-box-shadow: 0 0 #fff;
	-webkit-box-shadow: 0 0 #fff;
}

/* ADD BOARD FORM
----------------------------------------------  */
#addBoard,#catBoard {
	width: 380px;
	margin-top: -170px;
	margin-left: -221px;
}

#addBoard li,#catBoard li {
	display: block;
	padding: 2px;
	font-size: 1.5em;
	color: #76838b;
	cursor: pointer;
}

#addBoard li input,#addBoard label,#catBoard li input,#catBoard label {
	cursor: pointer;
}

#addBoard label:hover span,#catBoard label:hover span {
	text-decoration: underline;
}

#addBoard .BoardName,#catBoard .BoardName {
	width: 100%;
	margin: 0;
}

#addBoard .TextInput,#catBoard .TextInput {
	width: 75%;
	position: absolute;
	margin: 2px 0 0 0px;
	font-size: 1.5em;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-khtml-box-sizing: border-box;
}

#collaborators label {
	display: block;
}

#OtherCategories {
	display: block;
}

#BoardCategories {
	padding-bottom: 15px;
}

#BoardCategories,#catCategories {
	overflow: hidden;
}

#BoardCategories li,#catCategories li {
	float: left;
	width: 46%;
}

#addBoard .buttonContainer,#catBoard .buttonContainer {
	clear: both;
	margin: 21px 0 0;
}

#addBoard .buttonContainer .button,#catBoard .buttonContainer .button {
	font-size: 1.8em;
}

#addBoard .error,#catBoard .error {
	font-size: 1.3em;
	margin-top: 10px;
	padding: 6px;
	display: none;
}

#OtherCategoriesInput {
	font-size: 1em;
	cursor: text !important;
	margin: 2px 0 0 0px;
	width: 200px;
	float: left;
	position: relative;
	top: 20px;
	left: -179px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-khtml-box-sizing: border-box;
}

/* AUTOCOMPLETE RESULTS
---------------------------------------------- */
.ui-widget {
	font-size: 13px;
}

.ui-widget .ui-widget {
	font-size: 13px;
}

.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button
	{
	font-size: 13px;
}

.ui-widget-content {
	margin: 0;
	background-color: #fff;
	color: #211922;
}

.ui-widget-content a {
	color: #211922;
}

.ui-widget-header {
	border: 1px solid #e78f08;
	background: #f6a828;
	color: #fff;
	font-weight: bold;
}

.ui-widget-header a {
	color: #fff;
}

.ui-autocomplete {
	z-index: 9999;
	position: absolute;
	max-height: 115px;
	cursor: default;
	overflow: hidden;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #aaa;
	border-left: 1px solid #bbb;
}
/* workarounds */
* html .ui-autocomplete {
	width: 1px;
} /* without this, the menu expands to 100% in IE6 */
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	float: left;
}

.ui-menu .ui-menu {
	margin-top: -3px;
}

.ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
}

.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: 3px 8px;
	font-weight: normal;
	line-height: 1.5;
	zoom: 1;
}

.ui-menu .ui-menu-item a.ui-state-hover,.ui-menu .ui-menu-item a.ui-state-active
	{
	font-weight: normal;
	x
}

.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default
	{
	border: 1px solid #ccc;
	background-color: #f3f3f3;
	font-weight: bold;
	color: #1c94c4;
}

.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited
	{
	color: #1c94c4;
	text-decoration: none;
}

.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus
	{
	font-weight: bold;
	background-color: #1389e5;
	color: #fff;
}

.ui-state-hover a,.ui-state-hover a:hover {
	color: #c77405;
	text-decoration: none;
}

.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active
	{
	border: 1px solid #fbd850;
	background-color: #fff;
	font-weight: bold;
	color: #eb8f00;
}

.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited {
	color: #eb8f00;
	text-decoration: none;
}

.ui-widget :active {
	outline: none;
}

.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight
	{
	border: 1px solid #fed22f;
	background: #ffe45c url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png)
		50% top repeat-x;
	color: #363636;
}

.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a
	{
	color: #363636;
}

.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error
	{
	border: 1px solid #cd0a0a;
	background: #b81900
		url(images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat;
	color: #fff;
}

.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a
	{
	color: #fff;
}

.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text
	{
	color: #fff;
}

.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary
	{
	font-weight: bold;
}

.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary
	{
	opacity: .7;
	filter: alpha(opacity =   70);
	font-weight: normal;
}

.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled
	{
	opacity: .35;
	filter: alpha(opacity =   35);
	background-image: none;
}

.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default
	{
	border: 1px solid #ccc;
	background-color: #f3f3f3;
	font-weight: bold;
	color: #1c94c4;
}

.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited
	{
	color: #1c94c4;
	text-decoration: none;
}

.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus
	{
	font-weight: bold;
	background-color: #1389e5;
	color: #fff !important;
}

.ui-state-hover a,.ui-state-hover a:hover {
	color: #c77405;
	text-decoration: none;
}

.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active
	{
	border: 1px solid #fbd850;
	background-color: #fff;
	font-weight: bold;
	color: #eb8f00;
}

.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited {
	color: #eb8f00;
	text-decoration: none;
}

.ui-widget :active {
	outline: none;
}

#SearchAutocompleteHolder .ui-autocomplete {
	width: 300px;
	max-height: none;
	border: 1px solid #666;
	overflow: hidden;
	padding: 4px;
	z-index: 10000;
}

#SearchAutocompleteHolder .ui-menu .ui-menu-item {
	background-color: #fff;
	padding: 2px 2px;
	overflow: hidden;
}

#SearchAutocompleteHolder .ui-menu .ui-menu-item img {
	float: left;
	width: 24px;
	height: 24px;
}

#SearchAutocompleteHolder .ui-menu .ui-menu-item p {
	padding-left: 40px;
	margin: 4px 0px;
}

#SearchAutocompleteHolder .ui-menu .ui-menu-item a:hover {
	background-color: none;
	font-weight: normal;
	margin: 0px;
}

#SearchAutocompleteHolder .ui-menu .ui-menu-item:last-child a {
	text-align: center;
}

#SearchAutocompleteHolder .ui-menu .ui-menu-item:last-child a p {
	padding-left: 0;
}

#SearchAutocompleteHolder .ui-autocomplete-category {
	padding: 4px 0px 4px 4px;
	font-size: 0.8em;
	font-weight: bold;
}

/* ADD BOARD DESCRIPTION NAG *
---------------------------------------------- */
#addBoardDescriptionContainer {
	display: none;
}

#addBoardDescriptionContainer h2 {
	margin: 5px 0 0 15px;
}

#addBoardDescription li {
	position: relative;
	margin-bottom: 0;
}

#addBoardDescription label {
	position: absolute;
	top: 6px;
	left: 0;
	display: block;
	width: 7.6em;
	font-weight: bold;
	white-space: nowrap;
}

#addBoardDescription input,#addBoardDescription textarea {position
	absolute;
	margin-left: 0;
	top: 0;
	width: 410px;
	height: 60px;
}

#addBoardDescription {
	position: fixed;
	z-index: 9999;
	top: 60px;
	left: 50%;
	margin: 0 0 0 -250px;
	overflow: visible;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	box-shadow: 0 0 38px #999;
	-moz-box-shadow: 0 0 38px #999;
	-webkit-box-shadow: 0 0 38px #999;
	width: 460px;
}

#addBoardDescription .inputstatus.error {
	color: #f00;
	font-size: 11px;
}

#addBoardDescription .inputstatus {
	padding: 6px;
	font-weight: bold;
	font-size: 1em;
}

#addBoardDescription .division {
	padding-bottom: 6px;
	margin-bottom: 40px;
}

#addBoardDescription .buttonContainer {
	float: right;
	padding-top: 14px;
}

/* REQUEST INVITE FORM
---------------------------------------------- */
#InviteRequestContainer {
	display: none;
}

#InviteRequestContainer h2 {
	margin: 5px 0 0 4px;
}

#InviteRequest {
	position: fixed;
	z-index: 9999;
	top: 60px;
	left: 50%;
	width: 460px;
	margin: 0 0 0 -250px;
	padding: 20px;
	border: 5px solid #e8e7e3;
	overflow: visible;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	box-shadow: 0 0 38px #999;
	-moz-box-shadow: 0 0 38px #999;
	-webkit-box-shadow: 0 0 38px #999;
	background: #fff;
}

#InviteRequest .inputstatus.error {
	color: #f00;
	text-align: left;
	padding-top: 0;
}

#InviteRequest .inputstatus.good {
	color: green;
}

#InviteRequest .inputstatus {
	padding: 3px;
	font-weight: bold;
	font-size: 1.4em;
	text-align: center;
}

#InviteRequest li {
	position: relative;
	margin-bottom: 0;
}

#InviteRequest label {
	position: absolute;
	top: 6px;
	left: 0;
	display: block;
	width: 102px;
	font-weight: bold;
	white-space: nowrap;
}

#InviteRequest textarea {
	padding: 5px 8px;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: inset 0 1px 1px #ddd;
	-moz-box-shadow: inset 0 1px 1px #ddd;
	-webkit-box-shadow: inset 0 1px 1px #ddd;
}

#InviteRequest textarea,#InviteRequest span,#InviteRequest input[type="text"]
	{
	width: 265px;
	margin-left: 50px;
	display: inline;
}

#InviteRequest span {
	margin-left: 10em;
}

#InviteRequest li ul {
	display: inline;
}

#InviteRequest li ul li {
	margin-bottom: 4px;
}

/* REPIN FORM
---------------------------------------------- */
#RepinContainer {
	display: none;
}

#RepinBox {
	position: fixed;
	z-index: 9999;
	top: 60px;
	left: 50%;
	width: 738px;
	margin: 0 0 0 -319px;
	overflow: visible;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	box-shadow: 0 0 38px #999;
	-moz-box-shadow: 0 0 38px #999;
	-webkit-box-shadow: 0 0 38px #999;
}

.addAPin h2 {
	margin: 0 0 4px;
	padding: 0 0 0 5px;
}

#RepinBox h2 {
	margin: 0 0 4px;
	padding: 0 0 0 5px;
}

#RepinLeft {
	float: left;
	width: 156px;
	overflow: hidden;
}

#RepinRight {
	float: left;
	width: 414px;
	margin-bottom: 56px;
	padding: 14px;
	margin-left: 14px;
}

#RepinRight>ul>li {
	position: relative;
	display: block;
	margin-bottom: 12px;
}

#RepinRight label {
	position: absolute;
	top: 6px;
	left: 0;
	display: block;
	width: 102px;
	font-weight: bold;
	white-space: nowrap;
}

#RepinPinRight li>span,#RepinRight .boardPicker {
	display: block;
	margin-left: 83px;
}

#RepinRight input[type="text"] {
	display: block;
	width: 306px;
	margin-bottom: 0;
}

#RepinRight li ul {
	display: inline;
}

#RepinRight li ul li {
	margin-bottom: 4px;
}

#RepinRight .tagInput {
	display: inline-block;
	font-size: 1.5em;
	color: #76838b;
}

#RepinRight .tagInput.deletable {
	padding: 0 0 0 9px;
	font-size: 1.2em;
	background-color: #e0ecf0;
	border-bottom: 1px solid #ccc;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#RepinRight .tagInput input[type="text"] {
	float: left;
	width: 87px;
	margin-right: 1px;
	font-size: 1em;
	outline: none;
}

#RepinRight .button {
	float: left;
	height: auto;
	margin-left: 15px;
	padding: 0 4px 4px;
	text-align: center;
	line-height: 1em;
	font-size: 1.8em;
}

#RepinRight .deletable .tagBody {
	max-width: 300px;
	padding: 7px 9px;
	border-right-width: 0;
	border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	-webkit-border-radius: 3px 0 0 3px;
	outline: none;
}

#RepinRight .removeTag {
	display: none;
	right: -16px;
	padding-top: 7px;
	outline: none;
}

#uploadForm,#repinform {
	display: none;
}

/* ORIENTATION SCREENS
---------------------------------------------- */
.pinForm .welcome {
	position: fixed;
	z-index: 9999;
	top: 20%;
	left: 50%;
	width: 800px;
	margin: 0 0 0 -400px;
	overflow: visible;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	box-shadow: 0 0 38px #999;
	-moz-box-shadow: 0 0 38px #999;
	-webkit-box-shadow: 0 0 38px #999;
}

.pinForm .welcome h2 {
	margin: 0 0 4px;
	padding: 0 0 0
}

/* INSTALL BOOKMARK
---------------------------------------------- */
.installBookmark {
	position: absolute;
	background-color: ;
	width: 700;
	padding: 13px 13px 0;
}

.installBookmark h2 {
	font-weight: lighter;
	text-shadow: 0 1px 0 #e5e5ee;
	padding-bottom: 10px;
}

.installBookmark p {
	font-size: 1.4em;
	line-height: 1.em;
}

.installBookmark a {
	font-weight: normal;
}

.installBookmark a:hover {
	font-weight: normal;
}

.installBookmark img {
	padding-top: 9px;
	padding-bottom: 14px;
	padding-left: 18px;
}

/* INTERSTERTIAL
---------------------------------------------- */
.popup {
	width: 700px;
	margin: auto;
}

.popup .interstertial {
	top: 35%;
	width: 556px;
	margin: -150px 0 0 -278px;
	padding-bottom: 32px;
	border: 1px solid #ccc;
	box-shadow: 0 1px 1px #d7d7d7;
	-moz-box-shadow: 0 1px 1px #d7d7d7;
	-webkit-box-shadow: 0 1px 1px #d7d7d7;
}

.interstertial {
	position: absolute;
	z-index: 9998;
	left: 50%;
	top: 40px;
	margin-left: -408px;
	padding: 30px 30px 20px;
	font-size: 0.9em;
	background-color: #fff;
	border: 4px solid #e0ecf0;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	box-shadow: 0 0 38px #666;
	-moz-box-shadow: 0 0 38px #666;
	-webkit-box-shadow: 0 0 38px #666;
}

.interstertial .deletable .tagBody {
	max-width: 300px;
	padding: 4px 11px;
	border-right-width: 0;
	border-radius: 10px 0 0 10px;
	-moz-border-radius: 10px 0 0 10px;
	-webkit-border-radius: 10px 0 0 10px;
	outline: none;
}

.interstertial .removeTag {
	display: none;
	right: -16px;
	padding-top: 5px;
	outline: none;
}

.interstertial  input[type="text"].boardInput {
	border-radius: 0px;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	box-shadow: 0;
	-moz-box-shadow: 0;
	-webkit-box-shadow: 0;
	border: 1px 1px 5px solid #ccc;
	width: 750px;
	font-padding: 4px;
	font-size: 2em;
	font-weight: 300;
	margin-top: 15px;
	border-width: 1px 1px 4px;
	border-style: 1px solid #e8e7e3;
}

.interstertial legend {
	font-size: 1.5em;
	display: block;
	padding: 20px 0 12px;
}

.interstertial form ul li {
	clear: both;
	margin-bottom: 0px;
	line-height: 1.2em;
}

.interstertial form ul li label {
	font-style: bold;
	font-size: 1.5em;
	float: left;
	width: 60px;
	margin-right: 20px;
	text-align: right;
	text-align: middle;
	padding-top: 7px;
	color: #76838b;
}

.interstertial span.help_text {
	width: 250px;
	display: block;
	position: absolute;
	right: -275px;
	top: 18px;
	color: #999;
	font-size: .8em;
}

.interstertial span.error {
	color: #900;
	background: #f6e5ea;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 8px;
	top: 12px;
	display: block;
	font-size: .8em;
	margin-bottom: 9px;
}

#resetPassword {
	display: inline-block;
	font-size: 1.3em;
	font-weight: normal;
	margin: 6px 0 0 12px;
	color: #76838b;
}

#resetPassword:hover {
	color: #fff;
}

.interstertial span.nextButton {
	float: right;
	margin-top: 10px;
}

/*PEOPLE FINDER */
#people_finder {
	border-top: 1px solid #e3e3e3;
	overflow: hidden;
}

#people_finder ul li {
	padding: 5px 5px;
	font-size: 1em;
	border-bottom: 1px solid #e3e3e3;
	overflow: hidden;
}

#people_finder ul li img {
	width: 30px;
	float: left;
	margin-right: 10px;
}

#people_finder ul li .description {
	margin: 5px 10px -6px 15px;
	float: left;
}

#people_finder ul li .description h4 {
	font-size: 1.5em;
	font-weight: 310;
	color: #211922;
	text-decoration: none;
	margin-top: -5px;
}

#people_finder ul li .description p {
	padding-top: 1px;
	line-height: 1em;
	font-size: 1.3em;
	color: #76838b;
	font-weight: normal;
	width: 374px;
}

#people_finder ul li .description a {
	text-decoration: none;
	font-weight: normal;
	font-size: 1.3em;
}

#people_finder ul li .follow {
	margin: 10px 5px;
	float: left;
	font-size: 1.8em;
	background: #AAA;
	padding: 5px 10px;
	color: #FFF;
}

#people_finder span.buttonHolder {
	float: right;
	margin: 4px 0px 7px;
}

#people_finder .buttonHolder a {
	font-size: 1.3em;
}

#people_finder_left {
	width: 184px;
	background: #efefef;
	padding: 10px 0;
	margin-left: 5px;
	margin-bottom: 15px;
	text-align: center;
	overflow: hidden;
	float: left;
}

#people_finder_left img {
	margin-right: 10px;
	margin-top: 1px;
	float: left;
}

#people_finder_left a {
	float: left;
	margin-bottom: 10px;
	width: 130px;
}

#find_button_holder,#invite_button_holder {
	padding-left: 10px;
}

#people_finder_left p {
	font-size: 14px;
	color: #76838B;
	font-weight: bold;
	margin: 0 0 7px;
}

#find_button_holder .button {
	clear: both;
	float: left;
	margin: 0 5px 5px !important;
}

#invite_button_holder {
	padding-left: 15px;
}

#invite_by_email {
	width: 600px;
	float: right;
}

#invite_by_email .thirdRight {
	width: 345px;
}

#people_finder_holder {
	width: 610px;
	float: right;
}

#people_inviter_holder {
	width: 814px;
	clear: both;
	margin-bottom: 15px;
}

#find_friends {
	text-align: left;
}

.inviter {
	margin-bottom: 15px;
}

.find_friends_body .WhiteContainer,.invite_friends_body .WhiteContainer
	{
	margin: 10px 0 !important;
}

.inviter .twoThirdsLeft input[type=text] {
	width: 212px;
	margin-bottom: 10px;
	margin-right: 10px;
	border-bottom: 1px solid #ccc;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	font-size: 1.35em;
}

.inviter .thirdRight textarea {
	width: 320px;
	height: 93px;
	border-bottom: 1px solid #ccc;
	font-size: 1.35em;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

/* CLEARFIXES
---------------------------------------------- */
#article:after,#ColumnContainer:after,.WhiteContainer:after,#catBoard #catCatagories
	{
	content: " ";
	display: block;
	clear: both;
	visibility: hidden;
}

*+html #ColumnContainer,*+html .WhiteContainer {
	display: inline-block;
}

/* ERROR
---------------------------------------------- */
.errorBox {
	width: 800px;
	margin: 100px auto 0;
	text-align: left;
	line-height: 45px;
}

/* PROFILEBOX
---------------------------------------------- */
#pin .profilebox {
	margin-left: 236px;
	z-index: 1;
	margin-top: 0px;
}

.profilebox {
	position: relative;
	background: #feffdf;
	margin-bottom: 20px;
	padding: 13px 20px;
	font-size: 1.4em;
	overflow: hidden;
	box-shadow: 0 1px #d7d7d7;
	-moz-box-shadow: 0 1px #d7d7d7;
	-webkit-box-shadow: 0 1px #d7d7d7;
}

.profilebox img {
	position: absolute;
	top: 22px;
	right: 50px;
}

.profilebox h3,.profilebox p {
	width: 450px;
	margin: 0 2px 6px;
}

.profilebox h3 {
	font-size: 24px;
	line-height: 28px;
	font-weight: bold;
}

.profilebox p {
	margin-bottom: 0;
	color: #76838b;
}

.profilebox .button {
	clear: both;
	display: inline-block;
	margin-top: 10px;
	font-size: 18px;
}

.profilebox.profilebox_board {
	margin: 0 auto 15px;
	padding: 13px 14px;
}

#profile .profilebox.profilebox_board {
	margin: 0 auto 15px;
}

/* CLOSEUP
---------------------------------------------- */
#pin #header {
	padding-top: 1px;
	margin-bottom: 11px;
}

#pin #pinterestNav {
	position: fixed;
	top: 9px;
	left: 50%;
	margin-left: -425px;
}

#pin .searchContainer {
	margin-right: 73px;
}

/* RIGHT COLUMN */
.closeupRight {
	float: right;
	width: 613px;
}

.closeupRight .WhiteContainer {
	margin-top: 0;
	padding: 0;
}

#PinPinner {
	padding: 18px 30px;
	background-color: #f3f3f3;
	overflow: hidden;
}

#PinPinner #PinnerImage {
	float: left;
	margin-right: 9px;
}

#PinPinner #PinnerImage img {
	display: block;
	width: 50px;
	height: 50px;
}

#PinPinner #PinnerName {
	font-size: 23px;
	line-height: 1em;
	margin-bottom: 2px;
}

#PinPinner #PinnerName a {
	color: #211922;
	text-decoration: none;
}

#PinPinner #PinnerName a:hover {
	color: #211922;
	text-decoration: underline;
	background-color: transparent;
}

#PinnerStats {
	display: block;
	margin-bottom: 0;
	padding-left: 60px;
	font-size: 13px;
	color: #76838b;
}

#PinActionButtons {
	padding: 10px 30px 10px;
	overflow: hidden;
}

#PinActionButtons ul {
	float: left;
	margin-right: 12px;
}

#PinActionButtons li {
	display: inline;
}

#PinActionButtons li a {
	float: left;
	margin-right: 6px;
	font-size: 13px;
}

#PinActionButtons .liked-button {
	background-image: none;
	box-shadow: 0 0 #fff;
	-moz-box-shadow: 0 0 #fff;
	-webkit-box-shadow: 0 0 #fff;
}

#PinImage {
	position: relative;
	padding: 18px 30px 30px;
	overflow: hidden;
}

#PinImage img {
	display: block;
	max-width: 554px;
	margin: 0 auto;
}

#PinImage .buyable {
	position: absolute;
	z-index: 1;
	top: 17px;
	left: -31px;
	width: 130px;
	padding: 8px 0;
	font-size: 13px;
	text-align: center;
	color: #000;
	background-color: #f3f3f3;
	overflow: hidden;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
}

#PinCaption {
	padding: 0 30px 30px;
	font-size: 13px;
	border-bottom-width: 0;
}

.pintag {
	color: #AAA;
	font-weight: normal;
	margin-right: 4px;
}

.pintag:hover {
	background: #AAA;
}

#PinOrigin {
	display: block;
	margin-top: 8px;
	margin-bottom: 0;
	line-height: 16px;
	color: #76838b;
}

.PinComments {
	border-top: 1px solid #e7e7e7;
}

.PinComments p {
	line-height: 1.33em;
}

.PinComments .comment {
	clear: both;
	padding: 15px 30px;
	border-bottom: 1px solid #e7e7e7;
	overflow: hidden;
}

.PinComments .comment p {
	display: block;
	margin: 0 58px 4px 58px;
	font-size: 1.3em;
}

.PinComments .comment img {
	display: block;
	width: 50px;
}

.PinComments .CommenterMeta {
	color: #211922;
}

.PinComments .comment ul {
	margin: 0 0px 4px 58px;
}

.PinComments .comment li {
	display: inline;
	margin-right: 3px;
}

.PinComments .comment li img {
	display: inline;
	width: 5px;
}

.PinComments .CommenterImage {
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;
}

.PinComments .CommenterImage img {
	width: 50px;
	height: 50px;
}

.PinComments .RepinnerImage {
	float: left;
	margin-right: 8px;
}

#PinLikes .CommenterImage {
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;
}

.PinComments .RepinnerImage img {
	width: 50px;
	height: 50px;
}

.PinComments .CommenterName {
	text-decoration: none;
}

.PinComments .remove_comment {
	visibility: hidden;
	margin-top: 4px;
	padding: 2px 6px;
	color: #000;
	text-decoration: none;
	background: #f3f3f3;
	border: 1px solid #ccc;
}

.PinComments .comment:hover .remove_comment {
	visibility: visible;
}

#PinAddComment {
	padding: 15px 30px;
}

#PinAddComment img {
	float: left;
	width: 50px;
}

#PinAddComment .editable_shadow {
	margin-left: 58px;
	position: relative;
}

#PinAddComment #PinAddCommentControls {
	height: 42px;
	overflow: hidden;
}

#PinAddComment .comment-instructions {
	width: 290px;
	margin: 13px 0 0 58px;
	font-size: 1.3em;
}

#PinAddComment .comment-button {
	float: right;
	width: 185px;
	padding-top: 8px;
	text-align: right;
}

#postcomment {
	font-family: "helvetica neue", arial, sans-serif;
	font-size: 13px;
	cursor: pointer;
}

#ce2 {
	width: 477px;
	height: 38px;
	font-size: 1.3em;
}

#PinCloseupComment {
	padding: 15px 30px;
}

#PinCloseupComment img {
	float: left;
}

.PinActivity {
	clear: both;
	padding: 18px 30px 10px 88px;
	font-size: 13px;
	border-top: 1px solid #e7e7e7;
	overflow: hidden;
}

.PinActivity h4 {
	float: left;
	width: 50px;
	margin-left: -58px;
	padding-top: 16px;
	font-weight: bold;
	text-align: right;
}

.PinActivity .CommenterImage {
	float: left;
	margin-right: 8px;
}

.PinActivity .CommenterImage img {
	display: block;
	width: 50px;
	height: 50px;
}

.PinActivity .repin {
	float: left;
	width: 495px;
	margin-bottom: 8px;
	line-height: 14px;
	color: #76838b;
}

.PinActivity .repin p {
	float: left;
	margin: 0;
	padding-top: 14px;
}

.PinActivity .repin_attr {
	display: block;
	padding: 16px 0 25px;
}

.PinRepinStory {
	margin: 8px 0;
	overflow: hidden;
}

.PinRepinStory span {
	display: block;
	padding-top: 16px;
}

.PinMoreActivity {
	clear: both;
	margin-top: 16px;
	font-weight: bold;
}

/* LEFT COLUMN */
.closeupLeft {
	position: fixed;
	top: 64px;
	left: 50%;
	width: 221px;
	margin-left: -425px;
}

.closeupLeft .WhiteContainer {
	margin: 0 0 14px;
	border: 0 solid;
	border-color: #ccc #ddd #e8e7e3;
	box-shadow: 0 0 #fff;
	-moz-box-shadow: 0 0 #fff;
	-webkit-box-shadow: 0 0 #fff;
}

#PinSource {
	float: right;
	margin: 5px 0 0;
	font-size: 13px;
	color: #76838b;
}

#pin .pinBoard h3 {
	height: auto;
	padding-bottom: 0;
	line-height: 14px;
}

#pin .followBoard {
	border-bottom-width: 0;
}

/* OTHER */
.pin-share {
	position: absolute;
	z-index: 9999;
	left: 35%;
}

.pin-share form legend {
	font-size: 1.5em;
}

.pin_share input[type="text"],.pin_share textarea {
	width: 350px;
}

/* PRIOR AND NEXT */
#PriorAndNext {
	display: block;
	padding: 10px 10px;
}

#PriorAndNext a {
	z-index: 999;
}

#PriorAndNext #PriorPin {
	float: left;
	position: relative;
}

.prior-button span {
	margin: 2px -4px 0px -4px;
}

.next-button span {
	margin: 2px -4px 0px -4px;
}

#PriorAndNext #NextPin {
	float: right;
	position: relative;
}

#PriorAndNext .position {
	position: absolute;
	font-size: 13px;
	top: 16px;
	text-align: center;
	width: 200px;
}

/* new social share */
#SocialShare {
	position: fixed;
	left: 50%;
	top: 298px;
	width: 50px;
	margin-left: 437px;
	opacity: 1;
	filter: alpha(opacity =   100);
}

#share-header {
	font-weight: bold;
	font-size: 12px;
	color: #777;
	margin-bottom: 10px;
}

#social-buttons {
	background: #d8d7d3;
	width: 80px;
	padding: 5px 10px;
	border-left: 2px solid #cfcfcb;
	margin-bottom: 12px;
}

#social-buttons li {
	margin: 7px 0;
	display: block;
	height: 20px;
}

#social-buttons #PinEmbed,#EmailShare {
	background: #f9f9f9;
	border: 1px solid #bababa;
	padding: 3px 5px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	color: #444;
	text-decoration: none;
	font-size: 11px;
	text-shadow: 0 1px white;
}

#social-buttons #PinEmbed:hover,#EmailShare:hover {
	border: 1px solid #888;
}

.localButtons {
	padding-top: 4px;
	margin: 0;
	height: 16px !important;
}

.localButtons span {
	color: #aaa;
}

#PinReport {
	font-size: 11px;
}

/* more button for pagination*/
.more {
	background-color: #fff;
	background-image: url(/images/more.gif);
	background-position: left top;
	background-repeat: repeat-x;
	border-color: #ddd #aaa #aaa #ddd;
	border-style: solid;
	border-width: 1px;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: 22px;
	line-height: 1.5em;
	margin-bottom: 6px;
	outline: medium none;
	padding: 6px 0;
	text-align: center;
	text-shadow: 1px 1px 1px #fff;
	width: 100%;
}

.more:hover {
	color: #555;
}

.round {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#wrapper {
	position: relative;
	width: auto;
	margin: 0 auto;
	border: none;
}

#loadingPins {
	display: none;
	height: 20px;
	padding: 15px 0;
	text-align: center;
	font-weight: bold;
	border-top: 1px solid #ccc;
}

#loadingPins img {
	display: inline-block;
	margin-right: 6px;
}

#loadingPins span {
	font-size: 1.3em;
}

/* JQuery Tipsy CSS */
.tipsy {
	padding: 5px;
	font-size: 11px;
	line-height: 13px;
	background-image: url(/images/tipsy.gif);
	background-repeat: no-repeat;
	opacity: 0.8;
	filter: alpha(opacity =   80);
	max-width: ;
}

.tipsy-inner {
	max-width: 150px;
	padding: 5px 8px;
	text-align: center;
	color: #fff;
	background-color: #000;
}

.tipsy-north {
	background-position: top center;
}

.tipsy-south {
	background-position: bottom center;
}

.tipsy-east {
	background-position: right center;
}

.tipsy-west {
	background-position: left center;
}

.any_form p {
	margin: 0;
	padding-bottom: 25px;
}

.any_form {
	margin-left: 100px;
	margin-top: 25px;
}

.any_form legend {
	font-size: 1.5em;
	margin-bottom: 10px;
}

.any_form label {
	font-size: 12px;
	font-family: 'Helvetica Neue', Arial, sans-serif;
	text-transform: uppercase;
	display: block;
	width: 90px;
	color: #777;
	padding: 0 10px;
	float: left;
	text-align: right;
	margin-bottom: 10px;
	margin-left: -110px;
	margin-top: 8px;
}

.any_form textarea {
	color: #211922;
	width: 388px;
}

.any_form input[type="text"],.any_form input[type="password"] {
	font-size: 1.3em;
	width: 258px;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

.any_form span.message_info {
	background: #FFF691;
	padding: 3px 10px;
	font-size: 1.3em;
}

.login_message {
	font-size: 1.3em;
	background: #FF859F;
	padding: 3px 10px !important;
}

/* Import Contacts */
.import_services {
	overflow: hidden;
}

.import_services a {
	float: left;
	margin-right: 14px;
}

.import_services a img {
	float: left;
	margin: 2px 4px 0 0;
}

#import_contacts td {
	padding: 12px 2px 12px 4px;
	font-size: 1.2em;
	background: #fff;
	border-bottom: 1px solid #ccc;
}

#import_contacts td.name_email {
	width: 440px;
}

#import_contacts td a {
	font-size: 1em;
}

#import_contacts .invite_email {
	color: #999;
}

#contacts {
	clear: left;
	margin-top: 30px;
	font-size: 1.2em;
}

.contacts .twoThirdsLeft h2 {
	float: left;
	width: 450px;
}

.contacts .twoThirdsLeft .remaining {
	float: right;
	font-size: 1.2em;
	width: 90px;
	margin-top: 1px;
	background: #ddd;
	padding: 6.5px;
	text-align: center;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.contacts .thirdRight h4 {
	font-size: 1.2em;
	font-weight: bold;
	margin: 10px 0px;
}

.contacts .thirdRight input[type=text] {
	width: 212px;
	margin: 5px 0px;
	border-bottom: 1px solid #ccc;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

.contacts .thirdRight textarea {
	width: 212px;
	margin: 5px 0px;
	border-bottom: 1px solid #ccc;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

.contacts .thirdRight .error_message {
	float: left;
	margin-top: 4px;
	font-size: 1.2em;
	color: green;
	width: 125px;
}

.contacts .thirdRight input[type=submit] {
	float: right;
	margin: 3px 25px 0 0;
	padding: 1px 6px;
	font-size: 1.2em;
}

.contact_import {
	padding: 2px 10px;
	font-size: 1em;
}

.contacts #delete_contacts {
	text-decoration: none;
	font-size: 1.2em;
	color: grey;
	position: relative;
	top: 5px;
}

.contacts #delete_contacts:hover {
	background: none;
	color: #111;
}

/* jcarousel.css */
.jcarousel-container {
	position: relative;
	width: 196px;
	height: 196px;
}

.jcarousel-clip {
	position: relative;
	z-index: 2;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.jcarousel-list {
	position: relative;
	z-index: 1;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.jcarousel-list li,.jcarousel-item {
	float: left;
	width: 196px !important;
	height: 196px;
}
/* We set the width/height explicitly. No width/height causes infinite loops. */
.jcarousel-item a,.jcarousel-item img {
	max-width: 168px;
	max-height: 168px;
}

/**
 * Badge Generator
 */
#badgeGen {
	width: 600px;
	margin: auto;
}

#badgeGen legend {
	font-size: 1.8em;
	font-weight: bold;
	display: block;
	padding: 20px 0 30px;
}

#badgeGen li {
	font-size: 1.5em;
	border-top: 1px solid #e8e7e3;
	padding: 11px 0;
	line-height: 1.3em;
}

#badgeGen p {
	color: #211922;
}

#badgeGen label {
	width: 300px;
	display: inline-block;
	vertical-align: top;
}

#badgeGen select {
	border: 0;
	font-size: 0.8em;
	margin-top: 3px;
}

#previewOutput {
	width: 600px;
	border: 1px solid #d3d3d3;
	margin-top: 20px;
	padding: 20px;
}

#previewOutput .dark {
	background-color: #3b393a;
}

#badgeGen textarea {
	width: 600px;
	border: 1px solid #d3d3d3;
	padding: 20px;
}

/*EMBED BUTTONS ON BLOG
---------------------------------------------- */
.promo {
	border-bottom: 1px dotted #666;
	padding-top: 10px;
	padding-left: 10px;
	display: block;
	height: 73px;
}

.promo textarea {
	width: 430px;
	height: 50px;
	font-size: 1.2em;
	float: right;
	margin-right: 10px;
}

.promo img {
	border: none;
	padding: none;
	align: center;
}

.imagePicker {
	background: #fff;
	position: relative;
	display: block;
	width: 196px;
	height: 196px;
	border: 1px solid;
	border-color: #ccc #bbb #aaa;
	box-shadow: 0 1px #e7e7e7;
	-moz-box-shadow: 0 1px #e7e7e7;
	-webkit-box-shadow: 0 1px #e7e7e7;
	overflow: hidden;
}

.imagePicker .loading {
	background: url(/images/ajaxload2.gif) no-repeat;
	background-position: center center;
}

.imagePicker li {
	position: relative;
	width: 156px;
}

.imagePicker .video {
	position: absolute;
	z-index: 1;
	top: 37%;
	left: 50%;
	width: 50px;
	height: 50px;
	margin: -25px 0 0 -25px;
	border-width: 0;
}

.pinLeft a.picker {
	position: relative;
	width: 52px;
	margin-top: 6px;
	padding: 6px 8px 6px;
	font-size: 1.3em;
	line-height: 1em;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.pinLeft a.picker:hover {
	border-color: #aaa;
}

.pinLeft a.picker:active {
	background-color: #ccc;
	border-color: #aaa;
}

.pinLeft a.imagePickerNext {
	float: right;
	padding-right: 32px;
}

.pinLeft a.imagePickerPrevious {
	float: left;
	padding-left: 32px;
	text-align: right;
}

.pinLeft a span {
	position: absolute;
	top: 6px;
	right: 2px;
	width: 9px;
	height: 13px;
	background-position: left top;
}

.pinLeft a.imagePickerPrevious span {
	right: auto;
	left: 2px;
	background-position: right top;
}

.imagePickerNextArrow {
	background: url(/images/rightArrow.png);
}

.imagePickerPreviousArrow {
	background: url(/images/leftArrow.png);
}

.imagePickerNext:hover,.imagePickerPrevious:hover {
	color: #211922;
	background-color: #ccc;
	border-color: #aaa;
}

.imagePickerNext:active,.imagePickerPrevious:active {
	background-color: #76838b;
	border-color: #76838b;
}

.imagePickerNext:hover .imagePickerNextArrow,.imagePickerPrevious:hover .imagePickerPreviousArrow
	{
	background-position: center;
}

.imagePickerNext:active .imagePickerNextArrow,.imagePickerPrevious:active .imagePickerPreviousArrow
	{
	background-position: bottom center;
}

#BackToTop {
	position: fixed;
	right: 9px;
	bottom: 9px;
	width: 50px;
	padding: 20px 10px;
	text-align: center;
	text-transform: uppercase;
	color: #41545F;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ececec;
	opacity: 0.9;
	filter: alpha(opacity =   90);
	cursor: pointer;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

#BackToTop:hover {
	color: #211922;
	opacity: 1.0;
	filter: alpha(opacity =   100);
}

/*FEED
---------------------------------------------- */
.feed {
	float: left;
	width: 221px !important;
	margin: 0px;
	background-color: #fff;
	padding: 2px 0px 0px 0px !important;
}

.feed h2 {
	padding: 9px 12px 11px;
	font-size: 13px;
	line-height: 1em;
	border-bottom: 1px solid #ececec;
}

.feed .friend .button {
	float: right;
	margin: 0px;
	font-size: 13px;
	margin-right: 10px;
}

.feed .story .button:hover {
	text-decoration: none;
	color: inherit;
	background-color: inherit;
}

.feed .story {
	clear: both;
	display: block;
	padding: 7px 0;
	font-size: 11px;
	font-weight: normal;
	color: #362d42;
	text-decoration: none;
	overflow: hidden;
}

.feed .story.friend {
	
}

.feed  p.inviteReminder {
	text-align: center;
	margin: 5px 5px;
}

.feed .story a {
	color: #211922;
	text-decoration: none;
}

.feed .story a:hover {
	text-decoration: underline;
	color: #1389e5;
	background-color: transparent;
}

#invite_friends .activity_invite_name,.feed .story a.storyFriendContent
	{
	display: inline-block;
	padding-left: 10px;
}

.feed .story img {
	display: block;
	width: 28px;
	height: 28px;
}

.feed .story a:hover img {
	opacity: .9;
	filter: alpha(opacity =   90);
}

.feed .story .actor {
	float: left;
	display: block;
	margin-left: -22px;
}

.feed .story strong {
	color: #211922;
}

.feed .story span.timeago {
	display: block;
	color: #888;
}

.feed .story .remove_story {
	position: absolute;
	display: none;
	width: 12px;
	height: 12px;
	margin-top: 7px;
	margin-left: 4px;
	background: url('/images/close_pill2.png') no-repeat;
}

.feed .story:hover .remove_story {
	display: block;
}

.feed .story .remove_story:hover {
	background-position: 0 -50px;
	cursor: pointer;
}

.feed a.story:hover {
	color: #fff;
	background-color: #30a7f1;
}

.feed a.story:hover strong {
	color: #fff;
}

.feed a.story:hover span {
	color: #f3f3f3;
}

.feed a span {
	float: none;
	width: auto;
	height: auto;
	margin: 0;
	background: none;
}

.feed .others {
	margin: 6px 0;
	overflow: hidden;
}

.feed .others .OneOfMany {
	float: left;
	margin: 1px 1px 0 0;
}

#article .feed {
	overflow: visible;
}

#article .feed .story {
	height: 29px;
	width: 100%;
	overflow: visible;
}

#article .feed .story img.actor {
	margin-left: 10px;
}

#recommended_friends {
	width: 221px;
	padding-bottom: 15px;
}

#recommended_friends h2 {
	margin-bottom: 5px;
	padding-right: 0;
}

#article .feed #invite_more_friends {
	float: right;
	margin: 10px 10px 0 0;
}

#view_all_to_follow_link,#view_all_to_invite_link {
	float: left;
	font-size: 11px;
	color: #888;
}

#view_all_to_follow_link:hover,#view_all_to_invite_link:hover {
	color: #fff;
	background: #888;
}

#follow_all_link,#invite_all_link {
	float: right;
	color: #888;
}

#follow_all_link:hover,#invite_all_link:hover {
	color: #fff;
	background: #888;
}

#follow_rec_opts,#follow_invite_opts {
	padding-left: 30px;
	padding: 8px 8px 10px 12px;
	font-size: 11px;
	overflow: hidden;
}

#rec_friends_holder,#invite_friends_holder {
	max-height: 128px;
	overflow: hidden;
}

#invite_friends {
	width: 221px;
	padding-top: 10px;
	padding-bottom: 15px;
}

#invite_friends h2 {
	margin-bottom: 5px;
	padding-right: 0;
}

#article .feed .name_details {
	float: left;
	max-width: 95px;
	overflow: hidden;
	max-height: 30px;
}

#recent_activity_holder {
	width: 221px;
	padding-bottom: 0;
	padding-top: 0;
}

#recent_activity_holder h2 {
	padding-right: 0;
	margin-bottom: 5px;
}

#article .feed #recent_activity_holder img {
	padding-right: 10px;
}

#article .feed #recent_activity_holder .story {
	width: 100%;
}

#article .feed #recent_activity_holder .activity_details {
	float: left;
	width: 153px;
}

/*设置流布局的样式*/
.ks-waterfall {
	position: absolute;
	width: 192px;
	overflow: hidden;
	padding: 15px;
	border: 2px solid #ddd;
	margin-bottom: 20px;
	text-align: center;
	left: -9999px;
	top: -9999px;
}

/*设置隐藏层的样式*/
.showDiv {
	left: 6px;
	position: absolute;
	right: 6px;
	top: 8px;
	z-index: 3;
/* 	display: none !important; */
}
.showDiv a:hover {
color: #CB2027;
background-color:#F0F0F0;
}
.lovebtn{
-webkit-box-shadow: rgba(255, 255, 255, 0.796875) 0px 1px, rgba(255, 255, 255, 0.347656) 0px 1px inset;
-webkit-transition-duration: 0.05s;
-webkit-transition-property: color, -webkit-box-shadow, text-shadow;
-webkit-transition-timing-function: ease-in-out;
border: 1px solid transparent;
border-bottom-left-radius: 0.2em 0.2em;
border-bottom-right-radius: 0.2em 0.2em;
border-top-left-radius: 0.2em 0.2em;
border-top-right-radius: 0.2em 0.2em;
cursor: pointer;
display: inline-block;
line-height: 1em;
padding: 0.45em 0.825em;
position: relative;
text-align: center;
color: #524D4D;outline: 0px;text-decoration: none;
text-shadow: rgba(255, 255, 255, 0.89);
background-color:#F0F0F0;
}
.lovebtn span{
-webkit-box-shadow: rgba(255, 255, 255, 0.339844) 0px 1px inset;
-webkit-transition-duration: 0.5s;
-webkit-transition-property: opacity;
-webkit-transition-timing-function: ease-in-out;
border-bottom-left-radius: 0.3em 0.3em;
border-bottom-right-radius: 0.3em 0.3em;
border-top-left-radius: 0.3em 0.3em;
border-top-right-radius: 0.3em 0.3em;
bottom: -1px;
display: block;
left: -1px;
opacity: 1;
position: absolute;
right: -1px;
top: -1px;
z-index: -1;
background: -webkit-gradient(linear, 0% 0, 0% 100%, from(#FDFAFB), color-stop(0.5, #F9F7F7), color-stop(0.5, #F6F3F4), to(#F0EDED));
border-color: #BBB;
background-color:#F0F0F0;
}
.showDiv strong{
line-height: 15px;
}
/* .grid_comment_button { */
/* background: transparent url(http://huaban.com/img/comment_button.png?new.png) no-repeat 100% 4px; */
/* cursor: pointer; */
/* height: 10px; */
/* position: absolute; */
/* right: 5px; */
/* top: 0px; */
/* width: 30px; */
/* } */